# Back to top button possible?

**URL:** <https://community.glideapps.com/t/back-to-top-button-possible/25672>\
**Category:** Ask for Help\
**Created:** [April 17, 2021, 2:28pm UTC](https://community.glideapps.com/t/back-to-top-button-possible/25672 "2021-04-17T14:28:01Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![MaxB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maxb/32/15623_2.png) [@MaxB](https://community.glideapps.com/u/MaxB)\
**Post date:** [April 17, 2021, 2:28pm UTC](https://community.glideapps.com/t/back-to-top-button-possible/25672/1 "2021-04-17T14:28:01Z")

</div>

Is it possible to create a “back to top” button maybe with some css magic?

Also, I’ve seen examples and I’ve been helped by some users here (thank you all, you are very useful and competent this IS a great community) with some rich text format code, like the last example that I might use is in the messaging app that @Drearystate and other power users are developing which is just fantastic, that keeps a text input ‘locked’ on the bottom part of the screen and lets the list scroll behind it.

The question is, I think I should just study css (I think it is css I read in other posts or am I confusing?) and it will generally help me or is there a specific branch of it that can be used in glide?

Thx in advance.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [April 17, 2021, 3:05pm UTC](https://community.glideapps.com/t/back-to-top-button-possible/25672/2 "2021-04-17T15:05:23Z")

</div>

I’ve looked into this. I don’t think it’s possible because back to top buttons usually involve JavaScript.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [April 17, 2021, 3:31pm UTC](https://community.glideapps.com/t/back-to-top-button-possible/25672/3 "2021-04-17T15:31:50Z")

</div>

It’s possible, and in fact I’ve done it in an app that I’m working on at the moment. Essentially what you do is create an action that momentarily hides all the components. It takes a bit of fiddling to get it right - especially if you have a lot of components on the screen - but it can be done.

You mentioned @Drearystate. I actually got the idea from Joe a few months back, so he gets the credit for it.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [April 17, 2021, 8:20pm UTC](https://community.glideapps.com/t/back-to-top-button-possible/25672/4 "2021-04-17T20:20:41Z")

</div>

Interesting. do you use set columns with timestamps?

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [April 18, 2021, 3:18am UTC](https://community.glideapps.com/t/back-to-top-button-possible/25672/5 "2021-04-18T03:18:17Z")

</div>

I’ve tried a few different ways.  
In my Golf app, I do it that way, just setting a USC datetime column to 1 second in the future. It works, but it isn’t instant - so the user experience isn’t great. (I think the minimum resolution might be 5 sec, so how long it takes depends on where in that cycle you tap the button).

In another app I’ve been working on with @SantiagoPerez, we got it working simply by toggling a user specific boolean off/on within an action sequence. It works great, and it’s instant. I haven’t figured out the exact “secret sauce” yet, but I’m pretty sure it’s tied to the complexity of the action sequence. ie. if you just try and toggle a boolean off/on in a two step sequence it won’t work - the off/on happens too quickly. But if the sequence is sufficiently complex, you can toggle off at the start of the sequence, then toggle back on at the end of the sequence. In our scenario, where it works perfectly, the sequence is:

- Toggle off (Set Columns)
- Show Notification
- Add Row
- Set Columns
- Toggle on (Set Columns)
- Increment

I suspect it’s _probably_ the Add Row in there that injects just enough delay for the toggle off/on to take effect, but I haven’t been able to confirm that.

---

<div class="post-metadata">

**Author:** ![Drearystate](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/drearystate/32/49605_2.png) [@Drearystate](https://community.glideapps.com/u/Drearystate)\
**Post date:** [April 26, 2021, 2:17pm UTC](https://community.glideapps.com/t/back-to-top-button-possible/25672/6 "2021-04-26T14:17:43Z")

</div>

I’ve been on vacation. But thank you sir for throwing credit my way 🙂

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [May 20, 2021, 6:54am UTC](https://community.glideapps.com/t/back-to-top-button-possible/25672/7 "2021-05-20T06:54:20Z")

</div>

no… is not working ☹  
i did all steps … 3 times add row… nothing… i put a button to manually turn off, this is working… but action … NO  
any other ideas how to go back to the top?

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [May 20, 2021, 6:58am UTC](https://community.glideapps.com/t/back-to-top-button-possible/25672/8 "2021-05-20T06:58:40Z")

</div>

Did you try the first method, where you set a USC date/time column to 1 second in the future, then hide all components while NOW() is earlier than that time?

That method seems to work more reliably, but there can be a few seconds delay, so as I mentioned above the user experience isn’t great.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [May 20, 2021, 7:07am UTC](https://community.glideapps.com/t/back-to-top-button-possible/25672/9 "2021-05-20T07:07:10Z")

</div>

im trying now, and it works!!! yeaaaa!!!

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [May 20, 2021, 7:09am UTC](https://community.glideapps.com/t/back-to-top-button-possible/25672/10 "2021-05-20T07:09:48Z")

</div>

but it takes more than a second… and is weird … i need to create some distraction for that

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [May 20, 2021, 7:34am UTC](https://community.glideapps.com/t/back-to-top-button-possible/25672/11 "2021-05-20T07:34:19Z")

</div>

Yeah, I think (but am not 100% sure) that Glide only updates the current time about once every 5 seconds. So it could take anywhere between 1-5 seconds to change

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [May 20, 2021, 7:36am UTC](https://community.glideapps.com/t/back-to-top-button-possible/25672/12 "2021-05-20T07:36:30Z")

</div>

yep… is random… i can’t make any reliable distraction. ;-(

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [May 20, 2021, 7:39am UTC](https://community.glideapps.com/t/back-to-top-button-possible/25672/13 "2021-05-20T07:39:08Z")

</div>

what i need is to set up rich text back to beginning, it is a long paragraph… maybe some CSS with template??? will help  
i’m replacing rich text in template to have next page of text, but when i do this, next page is at the end or where previous page end, anyone have experience with making an App for a book and turning pages back and forth ? I wanna use rich text, for a nicer fonts and colors.

---

<div class="post-metadata">

**Author:** ![Wiz.Wazeer](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wiz.wazeer/32/72423_2.png) [@Wiz.Wazeer](https://community.glideapps.com/u/Wiz.Wazeer)\
**Post date:** [May 20, 2021, 11:26am UTC](https://community.glideapps.com/t/back-to-top-button-possible/25672/14 "2021-05-20T11:26:26Z")

</div>

Now you can do this natively but need two inline lists. Here is the demo

> [@MatchSwapSell - Free temp on categories etc](https://community.glideapps.com/t/matchswapsell-free-temp-on-categories-etc/26590):
>
> If anyone is interested, here is free template on the following: How to create multiple primary, secondary, and third categories like you see on Argos ([https://www.argos.co.uk](https://www.argos.co.uk)) , Walmart ([https://www.walmart.com/](https://www.walmart.com/)), etc. I used Argos categories. How to go to the top at the click of a button. How to show number of clicks on every category and item screen How to match items and do an exchange by email or phone How to sell items when no match is found etc. Thank you

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [May 20, 2021, 3:14pm UTC](https://community.glideapps.com/t/back-to-top-button-possible/25672/15 "2021-05-20T15:14:52Z")

</div>

Nice. Does the button just do an increment that toggles between the two identical lists?

---

<div class="post-metadata">

**Author:** ![Wiz.Wazeer](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wiz.wazeer/32/72423_2.png) [@Wiz.Wazeer](https://community.glideapps.com/u/Wiz.Wazeer)\
**Post date:** [May 20, 2021, 3:20pm UTC](https://community.glideapps.com/t/back-to-top-button-possible/25672/16 "2021-05-20T15:20:52Z")

</div>

That is correct. The tab has to have one inline list for it to work (and its duplicate) on the rest of the tab.

---

<div class="post-metadata">

**Author:** ![gldusr](https://avatars.discourse-cdn.com/v4/letter/g/b19c9b/32.png) [@gldusr](https://community.glideapps.com/u/gldusr)\
**Post date:** [October 20, 2024, 7:04pm UTC](https://community.glideapps.com/t/back-to-top-button-possible/25672/17 "2024-10-20T19:04:27Z")

</div>

sometimes it does not work, but i achieved it as follows:

 ![2024-10-20_21h01_08](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/f/2f513a0d6ee7f9cd2aee6c4c8ab5347f1f2d0787.jpeg)  
 ![2024-10-20_21h01_22](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/9/99ab4c0fc2134cec9935f273cbad186ee4d3ab5c.jpeg)
