Adobe XD to Glide

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


I have some css for this, as soon as it is on my computer I write it here.

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?

Umm… I’d love Figma to Glide

2 Likes

It would be amazing.

1 Like