Modals

Easily transform native dropdowns into full-screen modals with scroll-lock and close functionality.

Code Bracket Streamline Icon: https://streamlinehq.com

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.

Cog Streamline Icon: https://streamlinehq.com
Setup

Modal

I want to use this Webflow Dropdown as a modal

Close

I want this Div Block to close the modal

Vertical Slider 4 Streamline Icon: https://streamlinehq.com
Options

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

YouTube

Watch Tutorial

Name
te-slider-slides-per-view
Description

Add this attribute if you would like to group slides together.

Name
te-lightbox-button-previous
Description

Add this attribute to the icon you'd like to use as your previous button.

Name
te-lightbox-button-next
Description

Add this attribute to the icon you'd like to use as your next button.

Name
te-lightbox-button-close
Description

Add this attribute to the icon you'd like to use as your close button.

Name
te-lightbox-button-previous
Description

Add this attribute to the icon you'd like to use as your previous button.

Name
te-lightbox-button-next
Description

Add this attribute to the icon you'd like to use as your next button.

Name
te-lightbox-button-close
Description

Add this attribute to the icon you'd like to use as your close button.