Page 1 of 1
Popup Text from Image Map?
Posted: Sat Mar 12, 2016 7:35 am
by jackdeland
OK, I've tried various combinations of style sheets, page layouts, master pages, etc. I know this is simple, but I haven't done it before. Can someone provide newbie-level steps on how to launch a small HTML5 popup page from the image map? TIA
Re: Popup Text from Image Map?
Posted: Mon Mar 14, 2016 12:45 pm
by jackdeland
Solved by Justin Bondoc. See Flare User Group on LinkedIn.
Re: Popup Text from Image Map?
Posted: Tue Mar 15, 2016 10:27 am
by rob hollinger
Providing Information for those who do not use LinkedIn
From Justin:
The best way to do this would be to create a master page that makes the top-nav bar no longer display, then associate the master page with the topics via HTML class.
1) Create a new Master Page
2) To make the Top-Nav bar disappear, add the following properties in the <head> tag of the Master Page: <style>nav.tab-bar {display:none;}</style>
3) In your stylesheet create a class for the HTML tag (ex: html.popup). In this new style class add the property “mc-master-page” and point it to your new master page.
4) Now in the linked “pop-up” topic change the style class of the HTML tag to "html.popup".
This will cause the topic popup to open without Top-Navigation bar when opened through an Image Map. Hope this helps!
Re: Popup Text from Image Map?
Posted: Sun Apr 17, 2016 11:48 pm
by deeptikorwar
Hi,
Is it possible to achieve the same result for hyperlinks instead of image maps?
When the user clicks a hyperlink within topic A, I want topic B to be displayed in a pop-up window instead of a new window.
Also, I don't want to change the HTML tag of topic B to html.popup as when topic B is accessed from the menu, the navigation bar should appear.
Thanks,
Deepti