Forums

How to use the concrete5 popover menu?

Permalink
I'm looking for information on how to make use of the popover menu that concrete5 uses on things like the sitemap. It looks like a customised version of the bootstrap popover menu. Does anybody know how to make use of the existing code to make my own popover menu elements for blocks & dashboard single pages?

Thanks.
Dalecarslaw
 
MrKDilkington replied on at Permalink Best Answer Reply
MrKDilkington
Hi Dalecarslaw,

While logged in/toolbar is visible, I believe dropdown.js should be available to use by default (it is loaded automatically for use in the interface). You can test this by adding the Bootstrap drop-down example code in a block form, block view, single page view, etc.
http://getbootstrap.com/components/#dropdowns...
<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

You can also reuse the interface drop-down CSS classes to match the styling.