A button is a small module which only allows for a short piece of text, and a single click action. Because of their limited size and capabilities, button modules are best used for short messages, such as calling out a new site feature, or directing a user to a new piece of content.

position

Positition of the button module relative to the browser window.

position string
Value Behavior
top-left default display the module in the top left corner of the window
top-right display the module in the top right corner of the window
left display the module so that it sticks to the left side of the window
right display the module so that it sticks to the right side of the window
bottom-right display the module in the bottom right corner of the window
bottom-left display the module in the bottom left corner of the window

Positions - Live Preview

Position Button Modules



positionSelector

Optionally define the DOM selector of the parent element you would like to insert the module into an element besides the document body.

Note: Because buttons use the position: fixed css rule your button may or may not "appear" within your selected element, so while the HTML for your button will be inserted into the DOM element defined by positionSelector it will appear fixed and full width on the page.

positionSelector string
Value Behavior
selector Javascript selector of an existing div on the page where the module should appear.

Custom Position - Live Preview