Hello, I need to add an action button in the top bar of my app. I used CSS to move the button to the top right but the button stays back (cf. the following screenshot) [Capture d’écran 2021-08-01 à 17.54.04] Any idea how can i bring this button to forward ? Thanks for your help

I did try doing the same thing not too long ago but z-index messed up one component or another.

I tried too z-index but nothing works correctly and the button still stays back, just behind the top bar. I’m still looking for another option :frowning:

Could this help? [image] Tell Glide how you use CSS General Thanks for taking the time to address this, @Jason . I’m sure this thread will become pretty long, pretty quickly. CSS Use: More efficient use of space Every component takes up visual real estate. I…

try to disable the top bar: /*media only screen */ /*Hide svg at the top——————————————*/ .jiuuwu svg { display: none; } /*Hide tytle at the top——————————————*/ [data-test="glide-app-bar"] {display: none}

Thanks @Robert_Petitto & @Uzo It will be useful for some other projects but not for this one. I finally changed my mind : i let my button in the screen but i used CSS code to disabled it until all the other fields/components are not fulfilled

[CSS Help] Bring a button to forward in the top bar

Ask for Help

Robert_Petitto August 1, 2021, 10:02pm 4

Could this help?

Topic		Replies	Views
Hack for button in topright bar in new apps (with css) Ask for Help	5	547	April 17, 2023
Replace the top bar with button bar Ask for Help	10	390	September 27, 2022
CSS to get a component on top of the Desktop Nav Bar Ask for Help	8	227	December 14, 2024
Button with action in the title bar Ask for Help	4	1049	September 23, 2021
Clear header to access buttons Ask for Help	26	430	January 4, 2023

[CSS Help] Bring a button to forward in the top bar

Related topics