To modify display name for elements

1. Navigate to the Edit mode of your app. Select the required page from the accordion menu in the top-left corner, or from the application preview in the middle.
   
2. Hover over the page editor and click Open Page Builder.

3. Drag and drop the required element from the menu on the left, onto the page builder. The element configuration pane will slide in from the right. You can also select the required element and click the Configure button in the header area of the page builder. 

4. In the top-left corner of the element configuration pane, click the Edit icon under the element name. By default, the display name is the name of the page element which can then be modified.
   
   

5. Enter a name for the element and click Save. 
   

6. Close the configuration pane. The Element Name will now be visible in the subheader when an element is selected. Users can also navigate to the other elements using the tab button on the keyboard, to see the display name.

Note: These display names will be visible only in the page builder mode of your app, in the subheader of the common builder, along with the other options, like  Configure, Title, and Delete.

Related Topics

1. Add Title to an element
2. Reposition an element
   
3. Delete an element
   
4. Duplicate an element
   
5. Resize an element
   
6. Set height for elements