SHORTCODES

MODAL BOX

Use the uk-modal class to show a popup box with overlay. The uk-modal class can also be linked with these module positions: modal-a, modal-b and modal-c. By using one of these positions as your target, the modal box will show a popup of the modules that have be placed in these positions and assigned to the corresponding menu.

target Description
modal-a show modal box for modules in modal-a position
modal-b show modal box for modules in modal-b position
modal-c show modal box for modules in modal-c position

For each module linked to modal-a, modal-b or modal-c, you can use Module Class Suffix to style it just like a normal module. The target parameter can also be the id of a content section.

Size modifier

To adjust the size (width) of the modal box, add uk-modal-dialog-small or uk-modal-dialog-large to the Module Class of the module.

TRIGGER A MODAL BOX FROM LINK

modal-a modal-b modal-c

TOGGLE MODAL BOX FROM BUTTONS

Modal-a
Modal-b
Modal-c

TOGGLE MODAL BOX FOR INLINE CONTENT

The uk-modal class can also be used for inline content by using the following sytnax:

Popup content

modal-a position

Do not dwell in the past, do not dream of the future, concentrate the mind on the present moment. Believe in yourself! Have faith in your abilities. Module Class uk-modal-dialog-small

Inline content

Throughout life people will make you mad, disrespect you and treat you bad. Let God deal with the things they do, cause hate in your heart will consume you too. Be kind whenever possible. It is always possible.