See the demo site

Displays content in a modal window (popup)

the allowed types are: inline, iframe, image, video, ajax
syntax 1 : {up modal=popup content | label=link text}
syntax 2 : {up modal=empty,'html','images' or content | label=text link}content{/up popup}
so empty or 'html': the content of the popup is the code between the shortcodes
so'img': each image of the code between the shortcodes will be a popup
otherwise the value of the parameter is analyzed to determine its type
- video vimeo, youtube or dailymotion {up popup=//youtu.be/H9fa9aWFbLM}
- single image if {up popup=images/xx.jpg} or png, ...
- inline block if block id {up popup=#block}
- iframe if url {up popup=//lomart.fr} or {up popup=doc/xx.pdf} or {up popup=?index/...}
we can force the type by type=inline, iframe, image, video, ajax

🟩 upbtn-makefile PREFS.INI :
options (default) : overlayClose=1
memo-up-css : label=🆙 La feuille de style de UP | class=btn btn-primary | modal=index.php?option=com_content&view=article&id=8&catid=26&tmpl=component
memo-filter : label=🆙 Filter : liste des conditions | class=btn btn-primary | modal=index.php?option=com_content&view=article&id=139&catid=19&tmpl=component
memo-css-head : label=🆙 L'option CSS-HEAD | class=btn btn-primary | modal=index.php?option=com_content&view=article&id=259&catid=19&tmpl=component
memo-custom : label=🆙 Comment personnaliser une action | class=btn btn-primary | modal=index.php?option=com_content&view=article&id=140&catid=19&tmpl=component
memo-custom-options : label=🆙 fichier custom/prefs.ini | class=btn btn-primary | modal=index.php?option=com_content&view=article&id=140&catid=19&tmpl=component#options
memo-custom-prefset : label=🆙 créer un jeu d'options (prefset) | class=btn btn-primary | modal=index.php?option=com_content&view=article&id=140&catid=19&tmpl=component#prefset
memo-custom-css : label=🆙 personnaliser le CSS de UP | class=btn btn-primary | modal=index.php?option=com_content&view=article&id=140&catid=19&tmpl=component#css
memo-custom-traduction : label=🆙 Gestion traduction avec UP | class=btn btn-primary | modal=index.php?option=com_content&view=article&id=140&catid=19&tmpl=component#traduction
memo-unicode-syntaxe : label=🆙 Comment utiliser les caractères Unicode | class=btn btn-primary | modal=index.php?option=com_content&view=article&id=152&catid=15&tmpl=component
memo-bbcode : label=🆙 BB-Code by UP | class=btn btn-primary | modal=index.php?option=com_content&view=article&id=181&catid=19&tmpl=component
memo-surcharge : label=🆙 Comment surcharger les fichiers de UP | class=btn btn-primary | modal=index.php?option=com_content&view=article&id=194&catid=19&tmpl=component
memo-shortcode : label=🆙 les shortcodes, mode d'emploi | class=btn btn-primary | modal=index.php?option=com_content&view=article&id=252&catid=19&tmpl=component
memo-shortcode-annexe : label=les shortcodes annexes | class=btn btn-primary | modal=index.php?option=com_content&view=article&id=252&catid=19&tmpl=component#sc-annexes
memo-shortcode-traduction : label=🆙 saisir des arguments multilingues | class=btn btn-primary | modal=index.php?option=com_content&view=article&id=252&catid=19&tmpl=component#traduction
up-treeview : label=🆙 L'organisation des fichiers de UP | class=btn btn-primary | modal=index.php?option=com_content&view=article&id=254&catid=15&tmpl=component

various options

CSS management

Options for Javascript