How do I define border edges from Widget tab?

Borders can be set both in the Design tab and Widget tab, on the header, body, footer, row and column, or on an item, accordingly.


To define border edges first get into the edit mode and click on the pencil icon. Next, click on the style tab and choose the border icon. Finally, choose which edges and click on the edge buttons. 

Here is how to define border edges from Widget tab:

Step 2: Click on the edge icon you want (A).
You will find four icons denoting all four edges or sides (arranged in order Top-Bottom-Left-Right), 
Step 3: Choose width (B) and color (C) and click done.

Example

Example of a text and image widget with a border. The border is set following the steps above.

How do I define border edges from Design tab?

Step 1: Get into the border menu of the Design tab

Step 2: Click on the Layer you want to apply a border to You will find four icons showing the four layers (arranged in order Page – Header, Body,     Footer – Row – Columns) 

Step 3: Click the pencil icon and choose the Border icon 

Step 4: Choose the edges, width and color and click Done