Elements
/
Interactive

Tab

Tab

Tab element, Tab-based interfaces allow users to switch between tabs to show different content. Like the Collapse element, you can display multiple areas within a single frame to display the selected tab content. Tab headers can be at the top / right / bottom / bottom / left of the element. Complex interfaces can be prepared by adding Row element to TabItem fields.

Tab element is an important tool to improve user interface design and usability in the application development process. It allows users to easily find and navigate content and functions.

Add Tab

It is very easy to add the tab element to your application. You need to follow the steps below to add the tab element.

  1. In UI Design view, open the Elements panel on the left side.
  2. In the Elements panel, select Tab from the Container category.
  3. Drag and drop the Tab element to the screen.
  4. You can customise the Tab element in the Properties panel.
  5. If you drag the Tab element to an empty area on the screen, it is added with the Row element. When dragged into a Row, they are inserted into the current column.
  6. This element of Container type is inserted into a Row as in other elements. However, you can also use it by adding it into other Container elements. You can prepare tabs with complex content with the Row element you will add into Tab Item.
Tab element supports mobile and web applications.

Sözlük

No items found.

Alt Başlıklar