Is it possible to make a floating bar like this? Of not being able to be. Can the color of the bar of my app be changed?
I think this is the closest I can get.
<pre><span><style>
[id="tabBar"] .tbs-inner {
width: 90%;
background-color: cyan;
border-radius: 15px;
}
The filling for each icon and text is more tricky since there’s active and inactive states so I don’t include it here.
Also, you would have to include the code in every details screen.
2 Likes
That really looks great. It is not exactly the same but it looks excellent. Thanks friend!
Ok, this seriously looks a lot better. Do you share the method?
<pre><span><style>
[id="tabBar"]{
margin-right: 10px;
margin-left: 10px;
height: 75px;
margin-bottom: 20px;
padding: 10px;
background-color: [COLOR];
border-radius: 30px;
}
4 Likes
You are very good with CSS. Congratulations and thanks for sharing!
Another query. How do you give the buttons that round look?
It would be amazing.
1 Like