Introduction
The Nav Bar for a mobile app is presented at the top of the screen.
Check the Quick Brick Navigation Bar is in your layout
Go to the Navigation section of UI Builder and check for the Quick Brick Navigation Bar
If it is not present go to <Add Navigation> and add it to your layout
NOTE: Do not use the Applicaster Nav Bar plugin (for legacy native apps only)
If it is not available then the plugin needs adding via the plugin manager.
Edit Style
Once added and selected, the right hand panel in UI Builder will configure the QB Nav Bar. Make sure to save your settings.
They will appear in your app on the device within a minute
|
Group |
Item |
Info |
|---|---|---|
|
Default navigation |
|
Select to make Nav Bar the default navigation to apply to the app vs any other custom designed navigation plugin |
|
Style |
Bar State |
Currently only On Top is functional for QB apps |
|
Background Type |
Currently only Coloured is functional for QB apps |
|
|
Color |
Set the color for the Nav Bar |
|
|
Logo Display |
Add an app logo to the Nav Bar Currently only AllScreens or None is functional for QB apps |
|
|
Alignment |
Align the app logo
|
|
|
Assets |
Logo |
Upload an app logo PNG Logo must be 128px x 44px @3x. Use transparent background to fill any unwanted space and make logo fit available size. |
|
Back Button |
Upload a back button
|
|
|
Close Button |
iOS only. Upload a close button
|
|
|
Menu Button |
Upload a menu button
|
Comments
0 comments
Please sign in to leave a comment.