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

Resize popups from image map (Side-nav skin)

Postby sparklyfirefly on Wed Dec 07, 2022 2:32 am

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
Jr. Propeller Head
 
Posts: 9
Joined: Thu Apr 14, 2016 1:42 am

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

Postby sparklyfirefly on Fri Dec 09, 2022 3:21 am

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
sparklyfirefly
Jr. Propeller Head
 
Posts: 9
Joined: Thu Apr 14, 2016 1:42 am

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

Postby scap on Mon Dec 12, 2022 6:32 am

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.
scap
Propeller Head
 
Posts: 18
Joined: Tue Jun 28, 2022 7:36 am


Return to Web-based Outputs

Who is online

Users browsing this forum: Google [Bot] and 6 guests