Once you use different elements in your page, some of these elements need configuration.

To start setting up an element, follow these steps:

Select the element that you want to configure and click the cog icon. 

This will let you work with the specific control for this element.

image9.png

  1.  From this point forward, you can edit your button and set up other pieces of this element.

Click ‘Next’ to set up your automation.

image1.png


  1.  Set up your Automation and click ‘Save’.

image2.png

  1.  In some scenarios, you are going to see your button turning green which means that your button is already configured.

image5.png

  1.  To edit the Action type of a button, click ‘Edit’.

 

image3.png  image8.png

 

  1.  To change the button’s color, select a color from the Color Picker.

image6.png

  1.  You may also change the weight of the stroke from the Stroke field. A larger pixel means a thicker button stroke.


image10.png


  1.  To change your button’s Background Color and Text Color, select the corresponding style property that you want to configure.

image7.png

  1.  You also have the option to change your Board Styles if necessary.

image4.png


  1.  To increase or decrease the Padding and the Margin of the button, click ‘Padding’. Every change that you perform can be seen in the preview window and the changes are displayed in real-time. 


image11.png