builder YAAS
  • Home
  • YaaS Market
  • Community
  • Dev Portal
  • Knowledge Hub
  • Builder
  • My Account
      • My Profile
      • Sign Out
    • Sign In
      Register
hybris - an SAP Company
Toggle navigation
  • Home
  • Guidelines
  • Components
  • Patterns
  • Starter Pages
  • Download & Get Started
  • Back to Home
  • Alerts, Errors & Notifications
  • Buttons
  • Contextual Menu
  • Form Elements
  • Help and Validation
  • Icons
  • Lists
  • Loading Spinner
  • Page Content Panels
  • Pagination
  • Status Indicators
  • Tabs
  • Thumbnail Zoom
  • Tooltip and Popover

3 Contextual Menu

The “more” contextual menu is used with Cards or Tables when there is additional functionality available for the data shown in the Card or Table row, and trying to expose that functionality would clutter the interface.

3.1 Usage Example of a Contextual Menu

  • Action
  • Another action
  • Something else here
  • Separated link
<div class="dropdown">
   <button class="btn btn-link dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
      <span class="hyicon hyicon-more"></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><a href="#">Separated link</a></li>
    </ul>
</div>
Help YaaS Status
Copyright Legal Disclosure Terms of Use Privacy