Link to config: Go to Admin panel > choose [App Builder] > Select a template that you want to update > Choose option [Menu Bottom] on the dropdown refer here
1. Layout #
There are multiple layout templates that users can choose to set up for their app on [Layout] tab
Background
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/background_ani.gif)
Border Bottom
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/border_bottom_ani.gif)
Border Top
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/border_top_ani.gif)
Creative Hexagon
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/creative_hexagon.gif)
Creative
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/creative.gif)
Default
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/default_ani.gif)
Fancy Border
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/fancy_border_ani.gif)
Fancy Dot
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/fancy_dot_ani.gif)
Floating
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/floating_ani.gif)
Inspired Inside
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_inside_ani.gif)
Floating
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/floating_ani.gif)
Inspired Inside
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_inside_ani.gif)
Inspired Inside Hexagon
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_inside_hexagon_ani.gif)
Inspired OutSide
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_outside_ani.gif)
Inspired Outside Deep
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_outside_deep_ani.gif)
Inspired OutSide Hexagon
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_outside_hexagon_ani.gif)
Inspired Outside Deep
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_outside_deep_ani.gif)
Inspired OutSide Hexagon
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_outside_hexagon_ani.gif)
Inspired Outside Radius
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_outside_radius_ani.gif)
Inspired Top Hexagon
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_top_hexagon.gif)
Inspired Top
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/inspired_top.gif)
Salomon
![](https://github.com/AppCheap/awesome_bottom_bar/raw/master/gifs/salomon_ani.gif)
2. General #
We already have 5 Tabs: Home, Shop, Wishlist, Cart, Me for this section. However, users can totally create or edit tabs as they want by clicking on [General] tab.
– Edit a tab: For each existing tab, user can edit: icon, title, destination
![](https://cdn.rnlab.io/appcheap/wp-content/uploads/2023/07/06090005/Screenshot-2023-07-06-at-15.58.10.png)
– Add a new tab: They also create a new tab by clicking on [Add item] button then input necessary fields.
![](https://cdn.rnlab.io/appcheap/wp-content/uploads/2023/07/06090136/Screenshot-2023-07-06-at-16.01.00.png)
– Duplicate / Remove a tab: users are able to duplicate/Remove a tab easily by clicking the corresponding buttons.