If you are integrating 3rd party code or resources into your Blocs site there are times when you may need to add additional data attributes to certain elements within a page. The custom data attribute controls in Blocs make this a very simple and easy process.
What are custom data attributes?
Adding an attribute
1. To add a custom data attribute to an element in Blocs, it first needs to be selected, do this by Left Clicking any element on the design canvas.
2. With an element selected now navigate to the Custom Attributes section located in the sidebar inspector options. These options consist of a small table with two buttons. An add button + and a remove button –.
3. To add a custom attribute, simply click the add button + and input the attributes name and value into the popover that is displayed. Once you have added these details, Left Click the button labelled Save to store the data and apply the attribute to the selected item. You will also notice an attribute item for this custom attribute now appears in the attribute table.
Editing an attribute
To edit an already existing custom attribute, simply Left Click the settings symbol, located to the far right of that attributes table item. This will reveal the input popover, enabling the values to be edited.
Removing an attribute
To remove a custom data attribute, simply select the attribute item in the table and then Left Click the remove button –.