TPS
/
ORIENT
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
ORIENT/modules/system/assets/ui/docs/dropdown.md

2.5 KiB
Raw Blame History

Customized dropdown menu

Example

<div class="btn-group">
    <div class="dropdown">
        <a href="#" data-toggle="dropdown" class="btn btn-primary oc-icon-plus">Add small</a>

        <ul class="dropdown-menu" role="menu" data-dropdown-title="Add something small">
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-folder-close">Group</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-copy">Page</a></li>
        </ul>
    </div>
    <div class="dropdown">
        <a href="#" data-toggle="dropdown" class="btn btn-primary oc-icon-plus">Add large</a>

        <ul class="dropdown-menu" role="menu" data-dropdown-title="Add something large">
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-folder-close">Group</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-copy">Page</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-briefcase">Briefcase</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-link">Link</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-tag">Tag</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-zoom-out">Zoom out</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-briefcase">Briefcase</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-link">Link</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-tag">Tag</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-zoom-out">Zoom out</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-briefcase">Briefcase</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-link">Link</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-tag">Tag</a></li>
            <li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="oc-icon-zoom-out">Zoom out</a></li>
        </ul>
    </div>
</div>