Resize popups from image map (Side-nav skin)

[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&hilit=resize+popup+window#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]

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]

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.