Can I hide the back button at the top?

Can I hide the back button at the top? I want to use the button on the page to go back and also to automatically populate a set of data.

لقطة الشاشة 2021-08-28 160317

Use this in a rich text component

<pre><span><style>

[data-test="back-button"] {
display: none;
}

However users can still use a swipe left action or Android’s back button to navigate back, you don’t have control over those.

4 Likes

Very nice, can you explain to me where I can use this code?

[image]

As he said, a Rich Text component.
Just add a rich text component to the screen where you want to use it, and paste that CSS into it.

If you want to use it in more than one place, then a good idea is to add it as a template column in your User Profiles table, and then you can use it anywhere.

2 Likes

Yes I tried it… very nice, thank you so much

1 Like

Hi All,

I tried this too, and tried the rich text from a few posts. Am I missing something?

That only worked with the old Classic Apps. It doesn’t work with the new Apps.

Just as a side note - if you think you need to hide the Back Button, then there is something wrong with your App flow or your logic. Even if you do manage to find a way to hide it, you won’t stop users from using their browser back button.

2 Likes

Now that is a very good point Darren, thank you. I have changed the flow and logic based on user behaviour…I’ll tweak that instead. I was just looking for the easy option and was confused why the rich text workaround wasn’t working.

More on that, CSS would only work on Business & Enterprise levels in the new Glide Apps, but the same code you used on Classic most likely won’t work.

On the new Glide Apps, you have a centralized place to input your CSS.

1 Like