Taking the idea from this thread.
Sorry, as it is in Bahasa Indonesia: but you can see that there is the number 3 there. This is my last feature for my app before release! So happy!
What I want is to start a 3 day countdown timer for member who want to join with discount price. All steps already done, but I don’t know whether I can display countdown timer in Glideapps.
Has glide already support this feature?
I created a countdown “component” using a guide from w3schools, then plugged it in Experimental Code column.
Link to use:
Time (you can reference a date/time column or write it out like I did in the video)
Hope it helps your use cases!
I have to see this code!!
problem… web view only in PRO
Awesome, I’ve been waiting a long time.
I’m using an iframe from free.timeanddate.com all along
Hi Thinh, can you add a color parameter for the text to make it visible in the dark theme? Also the size of the webview component that fits the text. Thank you.
Thank you so much for sharing this and spending the time!! Was on my to do list to figure out this week and this is a HUGE help!
This is now supported. White for dark theme, black for light theme.
Width and height of the element will now function as a percentage of the viewport using vw and vh. I default them to 100, so people who don’t want to mess with it can just leave those empty.
@ThinhDinh can you set and read cookies with EC?
What exactly do you wish to achieve? My setting means the element size will respond to the numbers you input.
Sorry I don’t have an idea if we can do that.
The wide column in the experimental column can react. However, the height column doesn’t respond to the numbers entered into it, still leaving a blank space underneath. Or is this just happening to my app?
This is the smallest height that can be achieved through the settings in the panel, not by the percentage entered in the height column. I have also tried with a ratio of 1:1.
I can’t seem to control the webview component’s actual width or height via XC, the only thing that I can do is control the element inside.
To change the webview’s height, you can use this CSS.
padding-bottom: calc(20%) !important;
Yes, I can understand, thank you.
Would it be possible to remove days and hours from the countdown to only show hours and minutes? Also, do you mind sharing the guide you used to create? I would love to play around. Thank you so much!!
Here you go.
It might be a bit of a problem to customize my solution, so I would advise you to fork and change that on your end. Let me know if you have any questions.