DOM tree tab - Fluid Topics - Latest

Fluid Topics Designer Guide

Category
Reference Guides
Audience
public
Version
Latest

Selecting the DOM tree tab shows a hierarchical list of all the components in the canvas. It provides a view of the page, and makes it possible to move components more precisely from one parent to another.

The number next to the component's name is the number of children components.

A user interface showing a hierarchical structure of design components within a section titled 'Body'. The components include 'Ft-app-context', 'Ft-search-context', 'Wrapper', 'Cover container', 'Bar with buttons', 'Content container', 'Mobile tabs container', 'Footer', and 'Custom'. Each component is accompanied by an icon and a numerical value, indicating the number of children elements.."

  • It is possible to rename components directly in the DOM tree tab.
  • Using the keyboard, it is possible to copy and paste components from the DOM tree tab.