Hyperlink Popup - coding help

[Gauravk]

Any clue guys, how to code a popup that opens by clicking on a hyperlink?

We have an important question that we just like to display in registration page in form of a link and when someone click on that link, it should open a popup showing the answer, so that reader can read and close the popup and still stay on the same page.

Hope it's possible. Thanks in advance.

[Daniel F]

Please take a look at our documentation about the JS dialog UI widgets with instructions how to use it https://invisioncommunity.com/4guides/themes-and-customizations/javascript-framework/using-ui-widgets/ipsuidialog-r44/

[Gauravk]

Thanks @Daniel F for quick and perfect help. Much appreciate it.

Just a small issue, that in desktop its loading a popup too wide, can we control its width size only for desktop? On mobile it's perfect.

[Daniel F]

Just now, Gauravk said:

Thanks @Daniel F for quick and perfect help. Much appreciate it.

Just a small issue, that in desktop its loading a popup too wide, can we control its width size only for desktop? On mobile it's perfect.

It's mentioned in the docs;)
 

Quote

size
(String; optional)

If provided, will set a special class on the dialog designed to change its size. Currently, narrow, medium, wide and fullscreen are supported as values for this option. If not provided, the default dialog width will be used (defined in CSS).

 

[Gauravk]

Thanks @Daniel F can you please help on how to input size narrow in below codes?

<a href='...' data-ipsDialog data-ipsDialog-url='...'>Launch dialog</a>

[Daniel F]

<a href='...' data-ipsDialog data-ipsDialog-url='...' data-ipsDialog-size="..">Launch dialog</a>

 

[Gauravk]

Thanks a lot, worked perfect.