Modal
The
modal
block is a popup or dialog that appears over a page's content. It can be interacted with to exit it and return to the page.The
modal
block is essentially an overlay background and a div
block.The
modal
block will appear inline (beneath or above) when using the editor so that editing is easy and intuitive. On the front-end, the modal
block will be rendered overlaying the other elements of the page.To hide/reveal the
modal
block, simply toggle the "eye" icon in the Cwicly Navigator.It is not advisable to add a
modal
block inside a parent block as this will create errors.You need to add a Menu to your modal block before you style it.
With the Modal block selected, add a Menu from the Quick Inserter.
How to - Modal Pop Up
The Modal Colours tab allows you to customise the text, links and background of your modal.
The Modal Inner Layout tab allows you to modify your modal inner layout and includes: display, direction, position, behaviour, text size, spacing.
The Modal Style properties allow you to customise the look and feel of the modal window, for example: Overlay colour, Height, Width, Position.
The Modal Settings properties allow you to customise the interactions users can have with the Modal.
The modal trigger tab allows you to set the modal's block trigger settings.
Animate the modal block's appearance and disappearance, with specific transition durations.
Last modified 1yr ago