Popup Text from Image Map?

jackdeland · Post by **jackdeland** » Sat Mar 12, 2016 7:35 am

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

jackdeland · Post by **jackdeland** » Mon Mar 14, 2016 12:45 pm

Solved by Justin Bondoc. See Flare User Group on LinkedIn.

Post by **rob hollinger** » Tue Mar 15, 2016 10:27 am

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!

deeptikorwar · Post by **deeptikorwar** » Sun Apr 17, 2016 11:48 pm

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

MadCap Software Forums

Popup Text from Image Map?

Popup Text from Image Map?

Re: Popup Text from Image Map?

Re: Popup Text from Image Map?

Re: Popup Text from Image Map?