Label layout elements

You can apply custom labels to your layout elements. This way you can create a more explicit layout that is easier to understand. For example, you can label your header and footer or you can label an element to state which widget must be applied to it.

To add labels to a layout element:

1. Click the Edit button of the element.
2. In the right pane, click Classes & Labels.
3. In the Labels section, enter descriptive text for each column in the layout element.
4. Click Done.

To apply a label to a custom layout widget, in the template, add a new attribute data-placeholder-label to the sf_ColsOut <div>.

When using a master page with multiple asp:contentplaceholder, you can add a label in one of the following ways:

• As an ID of the placeholder, using the following example:
  

  <asp:ContentPlaceHolder ID="header" runat="server"/>

  In this case, the label cannot contain spaces.

• As an child literal of the content placeholder, using the following example:

  In this case, the label can have spaces.