Why Tabbar shows white shadow when it overlaps buttons?

Question

I am facing this strange problem. In my app, I have a tabbar at the bottom of the screen. In this screen I have some EditTexts and Buttons.

Now my problem is that if the app is running on small devices, when tabbar somehow shows up overlapping the buttons, then a white shadow shows up over the tabbar(as shown in the attached image). This shadow doesnot show up if the tabbar is not overlapping any widget.

I just want to know if this is natural behaviour of android or I can get rid of it. Please help. Thanks in advance.

fulltab

@SpK : I am already using scrollbar. The screen is scrollable.Its just that while scrolling , when the buttons and tabs are meeting with each other, then this effect is showing up. — Yogesh Somani, Aug 10 '12 at 06:36
Ok. This sees a little different. But you are quite experienced in Android. Do you think my problem is same as yours? Maybe in my case , line is not showing up because I have completely filled the tabbar with tabbuttons and my tabbuttons are not smaller in width than the tabbar. So line is just sticking with the tabbar and is not visible. Only that shadow is showing up. — Yogesh Somani, Aug 11 '12 at 07:41
Lets continue this discussion [here](http://chat.stackoverflow.com/rooms/5098/android-people) — Praveenkumar, Aug 11 '12 at 09:28

Jaiprakash Soni · Accepted Answer · 2012-08-13T04:23:49.387

8

This show is not show by Tabs, it is default fade effect of scroll view, You can remove this by set it to none. For this you have to add this property in scroll view

android:fadingEdge="none"

under the Scrollview tag of this screen.

edited Aug 13 '12 at 04:23

answered Aug 11 '12 at 11:40

Jaiprakash Soni

4,100
5
36
67

it works. Actually it was a problem of scrollview , not tabview. So I defined this attribute in scrollview of this page. +1 from me. – Yogesh Somani Aug 11 '12 at 11:42

score 2 · Answer 2 · edited May 23 '17 at 12:01

2

Fading edge color is controlled by the android:cacheColorHint attribute.

Try below code -

ScrollView android:cacheColorHint="#ff000000" android:background="#ffffffff" />

instead of these colors you can give your desired color. Try below links -

edited May 23 '17 at 12:01

Community

1
1

answered Aug 11 '12 at 11:33

Praveenkumar

24,084
23
95
173

Why Tabbar shows white shadow when it overlaps buttons?

2 Answers2