Today i got a requirement, i have needed to add more buttons to a page. I was thinking that, instead of adding multiple buttons in a page, why can't we give them an action menu (as same as like IR Action Menu). Actually i had this requirement for my client. Here is an example.
Step 1: Create a List as follows,
Navigation: Shared Components => Lists (Under Navigation) => Create
Step 2: Create a List Region as follows,
Type: List
Source: <Choose List from shared components>
Static ID: actions
List Template: Menu Popup
Step 3: Create a Button as follows,
Button Template: Text with Icon
Hot: Yes
CSS Classes: class js-menuButton
Icon: fa-chevron-down
Action: Defined by Dynamic Action
Static ID: quicklinks
Custom Attributes: data-menu="actions_menu"
Step 4: Add below CSS in page CSS inline section if required.
#quicklinks
{
border-radius : 5px;
}
The demo is here
That's it. Happy APEXing!!!...
Comments
Post a Comment