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 same div block with [te-cursor-element] applied.
An empty value will set the display style to block.
This value will set the display style to block.
This value will set the display style to flex.
Add this attribute to the div block that contains both the trigger and cursor elements.
Add this attribute to the div block you want to use as your cursor.
Add this attribute to the div you want to use to trigger the cursor.