How to customize the top bar of your internal app

Being able to customize the top bar matters because it is the element every user sees on every screen of an app. In Jestor, it offers several visual styles, optional icons, positioning choices and the ability to include tables directly.

Why the top bar shapes the whole app

The top bar is the navigation people use without thinking. If it is unclear, every screen inherits that confusion, no matter how well the individual pages are built.

It is also the element that most determines whether an internal tool feels designed or assembled.

What the top bar is responsible for:

  • Moving between the sections of an app
  • Signalling where the user currently is
  • Carrying the visual identity of the tool
  • Giving access to tables without a detour

Configuration choices

OptionWhat it changesWhen to use it
Visual styleThe overall shape of the barMatching the app's design
Rounded variantsSofter edges on the barClient facing or friendlier tools
IconsSymbols alongside labelsFaster recognition for frequent users
PositionCentered or aligned to a sideBalancing against other elements
Tables includedDirect access to a tableWhen the data itself is a destination

Step by step to configure it

  1. Open the app in edit mode.
  2. Select the top bar to access its settings.
  3. Try the style variants, since the difference is easier to see than to describe.
  4. Add icons if your users navigate the same few sections constantly.
  5. Set the position, centered or aligned as the layout requires.
  6. Add tables where people need direct access to the underlying data.
  7. Check it on the screen sizes your team actually uses.

Why including tables is more useful than it sounds

Builders often hide tables from end users, assuming they should only see curated views. In practice, the person who knows the process frequently wants the raw table, and making them navigate away to reach it is friction without a purpose.

  • Several style options: the bar fits the app rather than the reverse
  • Icons optional: faster recognition for repeat users
  • Positioning control: centered or aligned
  • Tables as destinations: direct access when it is warranted

Frequently Asked Questions

Can I add icons to the top bar?

Yes. Icons can accompany the labels in the navigation. See jestor.com.

Can a table be reached from the top bar?

Yes. Tables can be included directly as destinations.

Can I change the position of the bar's content?

Yes. It can be centered or aligned to a side.

Video Tutorial: Step by Step

With Jestor, you can automate workflows, connect teams, and build internal systems your way, all without code and powered by AI. Discover Jestor at jestor.com and see how to take your company's operations to a new level of efficiency and control.

Read more