CSS for a sticky choice component

[Martin_B]

Hello Glide friends,

First of all i wish you a beautiful year full of innovations and new projects!

Anyone knows how to keep the choice component on top of screen? like a sticky menu/filter. If it’s impossible with this component, maybe with a simple card horiz list used as menu/filter?

That would be super useful for beautiful UI.

Btw, i’m looking forward to showcase some of my work that found product market-fit with you here soon!

Thanks in advance,

Martin

From idea to start-up in a month?

[Uzo]

If you use Classic App, it is easy… with new Apps (pages)… you need to convert whole page to html rich component

[Martin_B]

Thanks Uzo.
Even if you put it inside a container component? with css itself?
Just a random idea

Btw, i almost worked with you for some apps last year, finally we chose someone else and got scammed. The guy was just benefiting from my business plan or something… Pretending he was making slow progress.

[Uzo]

Ohhh!!!.. always be aware of scammers… google them before make deposit!
Are you using classic or pages?

[Martin_B]

Yep… Was a naive move.

I use 100% pages for my current projects. (Waiting for some features of classic to be re-added to pages…)

I have 2 apps on classics still… but as we cant duplicate them (use to do that to “save”).

But i admit creating with pages is so much faster now than classic… (the actions recopying nightmare)

[Uzo]

Hahaha… no way… classic aps are the best product in the world!!!

So bad that Glide abandon it, instead improve it… but still better than new apps

[Darren_Murphy]

Put it in a container and apply the following CSS to the container:

sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 999;
  margin-top: -90px;
}

(requires Business plan or higher)

[Uzo]

And there you go…@daren is in the house… my solutions are for free plans

[Martin_B]

Hey guys,

Im not free plan for so long im getting upset soon
haha

Btw, i think it should be tagged on the profile here… business badge etc… for sales purposes as well…

Thanks Darren
Z-index 999

[Uzo]

What do you mean?

[Martin_B]

Your current membership could appear below the pseudonyme… here in the forum.
Starter/pro/business

[Uzo]

I’m lost… what do you mean ?

Your app subscription should show in Glide forum?

[Martin_B]

Yep…
Sorry for my english

[Uzo]

Lol… no way… hahaha… which app glide will look to give a badges? Imposible…
In Glide you can have many teams… with many apss inside… no mentions multiple accounts lol

[Uzo]

I just finished integration to set cookies in Glide… lol. Long time request from my customers!

[Netinho_Sillva]

Sou novo aqui, poderia me ajudar como fazer isso?

[Uzo]

Yes, but this is complicated and only for my paid customers:

Set and read cookies or local storage from the Glide App

So… My new project is to set up cookies or local storage from the Glide App… I wonder if anybody has come up with a better solution…? I used W3 as my interface for a Google Web App… and it works… please try it… Please set up your browser storage and read it on the next refresh… you can see that it stays when you inspect the page… and the Glide component can read it… [Screenshot 2024-01-03 at 6.56.22 AM] I tested it on many devices and browsers… and it works… here is the link to my Glide a…

[Bungchow_IDEApps]

Any CSS to remove the line when scrolling down?

Before scrolling down:

After scrolling down:

[ThinhDinh]

I assume you would need to use JS Event Listener to get a ScrollY position, so that won’t work here.

The closest alternative might be trying to remove that line altogether, not depending on the position, but I’m not sure that’s what you want.