The Dropdown example above has its button set to the standard size with the default styling. We’ve added a small header, several links and a divider so you can get a feel for how each element looks and fits in within the dropdown menu.
Choose what text will appear on the button that triggers your dropdown.
Choose the size of your dropdown button. You can opt of a Small, Standard or Large button size.
Set the color of the dropdown button to match your site using one of Foundry’s color swatch presets or make use of custom color pickers. You can also opt for a gradient background which will allow you to use a series of custom color pickers to design your own gradient.
When using one of the color swatch presets you can use the Outline feature to inverse the button’s style.
Enable to make the dropdown button span the entire width of the form. The button’s width is flexible when enabled and will size down to fit the available space.
Enable this feature to free up some space in Edit Mode by hiding the dropdown’s content from view until you need to edit it again. Has no effect on the published page.
Insert your custom text that will appear on your link for the dropdown link.
Set the link to be un-clickable and greyed out.
Insert your custom text that will appear inside of your Dropdown. This text is not clickable and has a smaller font size. Used to set apart different links within the dropdown for organization.
The Dropdown Divider child stack is a child stack inside the Dropdown stack itself. It has no options itself. It too can be used to set apart different links within the dropdown for organization.
Stay up to date on future versions of Foundry, as well as important news, updates and more!
This site is built using Foundry for RapidWeaver