Gauravk Posted September 24, 2019 Share Posted September 24, 2019 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. Link to comment Share on other sites More sharing options...
Daniel F Posted September 24, 2019 Share Posted September 24, 2019 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/ Link to comment Share on other sites More sharing options...
Gauravk Posted September 24, 2019 Author Share Posted September 24, 2019 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. Link to comment Share on other sites More sharing options...
Daniel F Posted September 24, 2019 Share Posted September 24, 2019 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). Link to comment Share on other sites More sharing options...
Gauravk Posted September 24, 2019 Author Share Posted September 24, 2019 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> Link to comment Share on other sites More sharing options...
Daniel F Posted September 24, 2019 Share Posted September 24, 2019 <a href='...' data-ipsDialog data-ipsDialog-url='...' data-ipsDialog-size="..">Launch dialog</a> Link to comment Share on other sites More sharing options...
Gauravk Posted September 24, 2019 Author Share Posted September 24, 2019 Thanks a lot, worked perfect. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.