Hide back button label

Help & How To
#1

Hi everyone! Is it possible to hide the label “back” next to the back button on the top left of the screen?

Thanks a lot!

1 Like
#2 
<pre><span><style> 
[data-test="back-button"]
{ display: none }

Be aware though, that this won’t prevent users from swiping to go back, or using the system back button on Android. So you need to take that behaviour into account.

3 Likes
#3

Hi @Darren_Murphy thanks a lot for this!
I actually just wanted to remove the label but not the icon. So users can still use the back feature, but from a UI perspective it is more appealing (leaving only the icon and not the label) :slight_smile:

2 Likes
#4

Oh, I see - sorry I misread.
hmm, I’m not sure if that is possible. I’d have to defer to one of the CSS experts - @Manu.n or @ThinhDinh

#5

image
image2282×1228 131 KB

Please try this.

<pre><span><style>

[data-test="back-button"] >div {
display: none;
}
4 Likes
Change back button action?
#6

Guys you are amazing !!! Thanks a lot it works perfectly well !! :slight_smile: Thanks for your help and time @Darren_Murphy and @ThinhDinh

3 Likes
#7

My pleasure to help. Don’t hesitate to send more questions our way if you get stuck with something.

3 Likes
#8

is it possible to also hide the “done” button?

I tried this and didn’t work ;

 [data-test="done-button"] >div { display: none; }
#9

In the Edit screen?

Try this :

<pre><span><style> 
[data-test="nav-button-Done"]
{ display: none }

image
image1365×627 44.8 KB

But then I think you can’t save the values ( tried with the set columns values action but not working ) and needed a custom edit screen with the Show new screen.

1 Like
#10

Yes, I think it’s odd to hide a “Done” button, but maybe he has a specific use case.

1 Like