Web Navigation\Tabs UI Not working

Navigation\Tabs isn't working the way it should work I have been trying to get it to work but nothing is happening and I don't know the reason.
Any help is appreciated 

Hello Abdelrahman Helwa,

Please find the attachement and confirm have you followed the same way


Hi Abdelrahman,

it looks like you are not using the base theme for your UI Flow.  See this quick test I did, one screen uses basetheme, the other doesn't.  The tab widget probably needs this to work properly.

So check following :

1) what is the theme you are using for the UI flow your screen is in.

2) what is the base theme for that theme ?

tab pattern works properly for :

tab pattern doesn't works for :

Maybe that's it ?