Modals
Easily transform native dropdowns into full-screen modals with scroll-lock and close functionality.
Script
The script for this powerup can be added to your Webflow project using the TooEasy Powerups Webflow App. Once the app is installed simply select the powerup(s) you'd like to use and click the "install script" button.
Modal
I want to use this Webflow Dropdown as a modal
Close
I want this Div Block to close the modal
Transition
I want to add a modal open/close transition
Modal Override
I want this element(s) to always stay below the modal when open
Scroll Lock
I want the page not to scroll when the modal is open
Watch Tutorial
Add this attribute to the div wrapper that contains all clock items.
An empty value will display the current visitor's local time (Based on IP).
To display a time from a specific timezone you can add a timezone identifier value. You can find a full list of values in TZ identifier column here.
Add this attribute to the text block that you'd like the current time to appear.
An empty value will display default formatting.
Add different values to change the formatting of the time. A full list of compatible values can be found in our cloneable.
Add this attribute to show a locations current date.
An empty value will display default formatting.
Add different values to change the formatting of the date. A full list of compatible values can be found in our cloneable.