Resize popups from image map (Side-nav skin)

This forum is for all Flare issues related to the HTML5, WebHelp, WebHelp Plus, and Adobe Air Targets
Post Reply
sparklyfirefly
Propeller Head
Posts: 20
Joined: Thu Apr 14, 2016 1:42 am

Resize popups from image map (Side-nav skin)

Post by sparklyfirefly »

Hi all, I've been trying to resize a popup window coming from an image map. I've had to create a "popups.css" file and tweak it as I'm using a Side-nav skin which doesn't officially support popups. I have eventually managed to get them to appear without a banner or side bar, but now they are all too large.

I've been looking at viewtopic.php?f=6&t=27724&p=122277&hili ... ow#p122277 and viewtopic.php?f=12&t=5518 to get some tips, but they don't seem to work for me:

I've tried using MadCap:width="specified width" MadCap:height="specified height" for each individual map link but to no avail.
Have also tried mc-popup-height and mc-popup-width, also no luck.

Could anyone assist please?

Many thanks
Laura
sparklyfirefly
Propeller Head
Posts: 20
Joined: Thu Apr 14, 2016 1:42 am

Re: Resize popups from image map (Side-nav skin)

Post by sparklyfirefly »

With the help of Scott DeLoach from https://www.clickstart.net/, I managed to get this to work.

I copied the primary CSS file, and called the copy popups.css.
At the end of this I added the following code, which removes the heading banner and the side menu bar:

Code: Select all

nav.tab-bar
{
	display: none !important;
}

.MCBreadcrumbsBox_0
{
	display: none !important;
}

.sideContent
{
	display: none !important;
}

div.sidenav-container
{
	display: none !important;
}

.sidenav-wrapper
{
	display: none !important;
}
Then in the MAIN stylesheet file, I added the following:

Code: Select all

div.MCTopicPopupContainer
{
	height: 400px;
	width: 700px;
	margin-top: 100px;
        margin-left: 400px;
	}

iframe.MCTopicPopupBody
{
	height: 300px;
	width: 600px;
}
This sets the size and position of the popup container and the iframe within it. You can adjust the margins and height/width as required.

This worked for me (thank you Scott), hopefully it will help someone else!

Laura
scap
Propeller Head
Posts: 52
Joined: Tue Jun 28, 2022 7:36 am

Re: Resize popups from image map (Side-nav skin)

Post by scap »

sparklyfirefly wrote:Hi all, I've been trying to resize a popup window coming from an image map.
Hi Laura, can you put up a few screenshots to describe what it is you're doing / have done? Don't quite understand the goal.
Post Reply