Redirections
Overview
The header is the upper area of your web application. It is shared across all pages of the domain and typically contains the logo, the main menu and user actions.
Building the Header
The header is built like any other BWEB page, directly in the Dev Panel. You have access to all block types: wrappers, texts, images, buttons, menus.
Typical Elements
| Element | Block Type | Description |
|---|---|---|
| Logo | image | Application logo, link to the home page |
| Main menu | menu / wrapper | Main navigation with links to sections |
| Login button | button | Access to the user area |
| Language selector | select | Language switching (if multi-language is enabled) |
Responsive Design
The header must adapt to all screen sizes. Use Tailwind breakpoints:
- Mobile (xs/sm): hamburger menu, centered logo
- Tablet (md): reduced menu, essential elements
- Desktop (lg/xl/2xl): fully expanded menu
Conditional Display
Use conditionalDisplay on header blocks to show elements based on context:
- "Login" button visible only if the user is not logged in
- Admin menu visible only for administrators
- Promotional banner visible between two dates