Creating new button

  1. Change the type to “Button”
    Change type
  2. Choose your datasource (this is the only datatype option). Note: the datasources in the example below were created previously and not default.
    Modify Target

The rest of the tabs are for editing the button itself


Key Description Example
Background color Changes color of the button
Background hover color Changes color of the button when the cursor is over it
Font color Changes the color of the text inside of the button
Border color Changes the color of the button’s outine

Other Tools

Key Description Example
Label Modifies button name
Unique Style Overrides the overall style settings to change a specific setting.It is automatically checked when you change a style
HTML Id Used to target widget element in the DOM Adds an id to the page like this : <div id="myCustomHtmlId">some text </div>and then write css like this: #myCustomHtmlId { color: red }
Allow Fullscreen Gives the option to make widget fullscreen