How to customize the top navigation bar style of the app

Top navigation bar style is the choice between different visual formats — rounded, icons only, text with colored selection — for the tabs at the top of the system. In Jestor, there are seven different options, with adjustable position and background color.

The problem with a single fixed navigation style

A navigation bar with a single fixed style limits each app's visual identity, especially when different teams have distinct preferences on how to navigate between screens.

Rounded: rounded-shape selection, with or without an icon.
Icons only: a more minimalist look, no text.
Text with colored selection: color highlight on the selected item.
Position: centered or side-aligned, depending on the layout.

Navigation style	Characteristics
Rounded	Rounded-shape selection, with or without an icon
Icons only	A more minimalist look, no text
Text with colored selection	Color highlight on the selected item

How to customize the top bar in Jestor

Open the top bar settings: inside the app's build mode.
Choose from the seven style options: rounded, icons, text, or contrast variations.
Position the bar: centered or to the side.
Adjust the background color: to match the app's visual identity.

How to configure it in Jestor: minimalist options work best when the focus should stay on the content; styles with prominent icons help teams that navigate between several screens frequently.

Why choose Jestor to give each app a visual identity?

Seven style options may seem like overkill at first, but in practice they cover the main use cases — from dense data panels to more visual, customer-facing apps, each with the navigation style that fits.

Frequently Asked Questions

How many style options are available for the top bar? Seven different navigation options, including existing formats and new ones.

Can I use just icons, with no text? Yes, there's a specific option with icons only, no text.

Can the bar's background color be personalized? Yes, you can adjust the background color to match the rest of the app.

Video Tutorial: Step by Step

Check out other practical tutorials on the Jestor YouTube channel.

Get to know Jestor

With Jestor, every app has navigation that matches the process it represents, not a repeated generic layout.

Visit the official Jestor website and scale the efficiency of your operation.

How to create and share internal documents and ideas inside the management system

Jestor Docs is a full text editor built into the system, with heading, list, image, grid, and quote blocks, plus three permission levels per document. In Jestor, this removes the need for a separate text tool just to jot down an idea or document a process. The problem with documentation

How to train an AI agent with internal company documents and policies

Training an agent with documents means attaching files — a vacation policy, an HR manual — to an AI agent, so it can answer questions based on that content, even without a linked table. In Jestor, the same agent keeps context across follow-up questions in the same conversation. The problem with

How to create an internal AI chatbot to answer questions about a specific table

An internal chatbot linked to a table is a conversational agent set up in a few clicks, with a custom logo, colors, and tone of response, able to sum, filter, and list records from a specific table when asked. In Jestor, it's different from Builder AI: one queries

How to choose between pie or donut chart and customize colors, borders, and legends

Pie charts and donut charts represent exactly the same data — the difference is purely visual, with the donut leaving an empty space in the center. In Jestor, both formats are available with the same level of color, border, and legend customization. The problem with having only one circular chart format