# Is an action bar possible with top-tab navigators?

**URL:** <https://community.thunkable.com/t/is-an-action-bar-possible-with-top-tab-navigators/1351406>\
**Category:** Questions about Thunkable X\
**Tags:** design, layouts\
**Created:** [June 18, 2021, 5:51am UTC](https://community.thunkable.com/t/is-an-action-bar-possible-with-top-tab-navigators/1351406 "2021-06-18T05:51:43Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![kartik14](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kartik14/32/44782_2.png) [@kartik14](https://community.thunkable.com/u/kartik14)\
**Post date:** [June 18, 2021, 5:51am UTC](https://community.thunkable.com/t/is-an-action-bar-possible-with-top-tab-navigators/1351406/1 "2021-06-18T05:51:43Z")

</div>

Alright. Let’s get straight to it - here’s an example of action bar (the title row above the top-tabs)

 ![Screenshot_20210618-093819_WhatsApp](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/3/d378d61b8512a0548d68e916a808fac04a227668.jpeg)

The “WhatsApp” on top is the action bar (I don’t need the search feature). Since I wanted my app to have both action bar and top-tabs, I ended up creating a custom top-tab navigator with buttons & a column.

 ![20210618_094135](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/5/352033fcbae92f794948a61fd2b76f57cdd0aed0.jpeg)

In my case, the action bar is a simple row with a background pic. The two tabs are buttons, which show & hide the contents of their respective tab & the indicators below them are colored labels. It was all going perfect, until a few weeks before I started experiencing bugs related to visibility. So, custom top tabs and action bar is not working for me.

In simple words, I just want a `~50px` tall row/column above the default top-tabs. Do you have any way to achieve this? By negative margin/padding or by any other way? If so, sharing it would be really helpful 🙂 Thanks!

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [June 18, 2021, 6:01am UTC](https://community.thunkable.com/t/is-an-action-bar-possible-with-top-tab-navigators/1351406/2 "2021-06-18T06:01:33Z")

</div>

As far as i know this is not possible.  
I’ve tried it multiple Times.  
With no result of succes.

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:20pm UTC](https://community.thunkable.com/t/is-an-action-bar-possible-with-top-tab-navigators/1351406/3 "2024-11-08T13:20:15Z")

</div>