Adding Header

It is very easy to add the Header element in your application. You need to follow the steps below to add the header element:

  1. In UI Design view, open the Elements panel on the left side.
  2. In the Elements panel, select Header from the Container category.
  3. Drag and drop the Header element to the screen.
  4. You can customize the Header element in the Properties panel.
  5. Even if you drag the Header element to an empty area on the screen, it will remain fixed to the top edge of the screen. In long screen designs, it will also remain fixed to the top edge when the screen is scrolled.

Header element can only be used once in a screen.

Since the screen you are developing contains elements such as menu, screen name, notifications, user profile, start by adding a Row element into the Header element. However, you can add many elements that can be dragged into a Column. Basically, elements that are mostly dragged and dropped into the Header element;

  • Row
  • Icon
  • Input Elements (TextInput…)
  • Image
  • Content Menu