[FREE] Flip Countdown Extension

Short description

Flip Countdown Extension is my first ever extension. It is made by using some JavaScript in it and working through web viewer. It is in beta version at the moment. so may not work properly sometimes.

Demo Video

Pictures of all the blocks & real demo



Instructions to use your extension

It simply work in web viewer. You just need to pass the parameters like days, hours, minutes & seconds.

Use any value as -1 (minus one) to hide itself and above values
For example 1: If you want to hide days, then type -1 in days
For example 2: If you want to hide days & hours, then type -1 in hours only
For example 3: If you want to hide days, hours & minutes, then type -1 in minutes only

Things not to do
Do not exceed more than 30 days

Click the link below for live demo

Download AIA & AIX
FlipCounterExtentionDemo.aia (41.6 KB)

in.devcafe.FlipCounter.aix (7.1 KB)

31 Likes

Extension looking cool.

1 Like

Great beginning. Keep it up

2 Likes

Great extension brather :heart_eyes:

1 Like

Thanks :ok_hand:

1 Like

How to use as timer

1 Like

Great and very helpful extension :+1:

2 Likes

Nice :+1: , Keep :kodular:oding

1 Like

@Trick_Trip_Hindi

Just pass the parameters in days, hours, minutes & seconds. the date/time must be future values. Check the simple aia above in desc.

For another example, if u fetching your timer from database in milliseconds format then u can use another countdown extension made by @lukegackle’s to get left time and then split timer into days, hours whatever u want. then provide those parameters in this countdown timer.

Check the block image below. I hope this will help

2 Likes

Really very coooool

1 Like

Pixel 2XL, Android 11:

:thinking: Did you export and then tested in Pixel phone?

Companion. I have to set the VA2 (from 100px) to at least 125px:

grafik

may have a problem while testing in companion.
and did this get fix when you changed height 100px to 125px ?

Yes, and with 100px I get this on a Galaxy Note8:

With 125px it’s ok.

1 Like

Oh Okay, thnx.
I just used 100px for nothing. because when i was designing app in kodular, web viewer was covering up like hiding inside VA2. so i gave 100px. you may use automatic height as well, I guess.
Well, thank you so much for giving your precious time to check my AIAs and let me know the bugs. :+1:

Of course, “automatically” works in every case, but then the entire width of the screen is used. The WebViewer must have at least the following values so that (if everything should be displayed: days, hours, …):

grafik

1 Like

Nice Extension :+1:

1 Like

This post was flagged by the community and is temporarily hidden.

1 Like

Countdown without extension, also need WebViewer
https://www.cssscript.com/demo/flip-clock-countdown-counter/

1 Like