I am creating WebHelp using Flare 7.2.
In the top-level topic inside the Contents folder that serves as the starting page for my project (index.htm), I have an icon in the top-right corner of this topic that you can click to display a popup window containing another topic. I want the popup window to appear in the top-right corner of the browser window on top of the opened topic. This appears just fine in my output for this particular top-level topic.
However, I also have this same functionality (the same icon in the top-right corner of the topic that opens a popup window when you click the icon) in lower-level topics (topics contained within folders in the project). The same file is linked to for the popup content in all topics.
Unfortunately, when you click on this icon in the lower-level topics, the popup window does not appear in the top-right corner of the opened browser window on top of the opened topic as it does for the top-level index.htm topic. Instead, for some inexplicable reason, the contents of the topic that is supposed to appear in a top-right popup window now appears in the bottom left corner of the browser window appended beneath all of the opened topic content. (You don't even know the popup content is there unless you scroll to the bottom of the topic. It also appears just to be appended beneath the opened topic's content rather than in a separate window because when I click to the side of what should be the popup window area, the topic content of what is supposed to appear in the popup window remains on the screen rather than being removed from view.)
I have been trying to figure out how to specifically state the position of the popup window so that it will display in the top-right corner of the browser window rather than at the bottom of the window beneath the topic content for these lower-level topics, and I cannot find where to define a setting so that this positioning works correctly.
I am not sure if it has to do with css or javascript code. (as in "window.moveTo(x,y)") or a position setting for the mc-popup window. I have tried various settings in my project .css stylesheet, as well as in the .css and .js files in the Madcap SkinSupport folder. I have been unable to get the topic content that I want to appear in the popup window to do so in the lower-level topics.
Here is the basic code that is included in the topic content:
<span class="MCPopup" style="mc-popup-width: 450px; mc-popup-height: 650px;"><span class="MCPopup"><a href="javascript:void(0);" MadCap:src="../mypopupfilename.html" onclick="FMCPopup( event, this ); return false;" MadCap:width="450px" MadCap:height="650px" class="MCPopupSpot_Popup_0"><img src="../Resources/Images/myiconfilename.png" class="imgnoborder" /></a>
Does anyone know where I am going wrong? How do I get a popup window that displays the content of another topic to appear in the top-right corner of my browser window no matter where the parent topic containing the hyperlinked graphic image icon that launches the popup is located in the project?