Experience Editor
Setting component border and roundedness

The border settings fall under the Design Tools section for any component properties.

You can customize the border for any type of component. We will be demonstrating how to do so for a button, but the same method applies to other components as well:

1. Click on the component on the canvas that you would like to adjust the border for. Its corresponding properties will appear on the right.

2. Click on Design Tools.

3. Under Border, you will see a dropdown with the following options:

  • None

  • Dotted

  • Dashed

  • Solid

  • Double  

4. Select the kind of border you would like to customize for your component. In our demonstration, we have selected the Dashed border type.

5. Adjacent to the dropdown, you can click on the colour block to select your desired border colour.

6. Next, you can toggle the Weight of the border with the corresponding arrows, or enter a value in the input box.

7. Lastly, you can adjust the Radius or roundedness of the border, by clicking on the corresponding arrows or enter a value in the input box.

Was this article helpful?
Nexweave Knowledge Base | 2024