My UX designer would like the technical support information to appear in a pop-up when the user clicks an icon in the help pages, like below.
I have set the link up to link to a .htm file in the project, and to use Target Frame = Popup Window. However, it keeps coming up with the text in a browser window instead of in a pop-window. Below is the code from the style sheet for the link pop-up:
a.Popup
{
mc-popup-height: 50px;
mc-popup-width: 100px;
}
I couldn't find any attributes in the style sheet that referenced "target," "frame," or "window."
Here is the link code from the topic that I want the pop-up to appear over:
<a href="SupportPopUpText.htm" target="_popup"><img src="Resources/Images/SupportIconCircledSmall.png" class="Hyperlinked" style="width: 50px;height: 50px;vertical-align: middle;" /></a>
I can't figure out what I am doing wrong. Any insights into this issue would be deeply appreciated.
Thanks,
Tracey
Display a (short) topic in a pop-up window?
-
- Propeller Head
- Posts: 61
- Joined: Fri Oct 15, 2010 7:50 am
Display a (short) topic in a pop-up window?
You do not have the required permissions to view the files attached to this post.
-
- Propeller Head
- Posts: 61
- Joined: Fri Oct 15, 2010 7:50 am
Re: Display a (short) topic in a pop-up window?
Update: After wrestling with this problem a while this afternoon, a memory percolated up from a few years ago, of having tried this very thing and having it not-work back then. I had forgotten about that experience, and am hoping that now the issue then with Target Frame = Popup Window has been resolved in Flare, and that someone knows what I'm doing wrong now.
In the meantime, I tried exploiting Flare's inline text pop-up feature, and I got close to what I wanted . . . but the pop-up window isn't quite big enough to fit all the support information. I need the pop-up to be wider and taller still.
Is there a way to make this pop-up window bigger? Here is what I have in the style sheet right now:
a.Popup
{
color: #3665fc;
line-height: 18px;
mc-popup-height: auto;
mc-popup-width: auto;
}
And here is what I have in the topic to get the pop-up, using the image in the <MadCap:popupHead> field:
<MadCap:popup>
<MadCap:popupHead>
<img src="Resources/Images/SupportIconCircledSmall.png">
</img>
</MadCap:popupHead>
<MadCap:popupBody>
<p class="ContactSupportHeading">Customer support</p>
<p>Monday–Friday, 7:00 <span style="font-variant: small-caps;">a.m.</span> to 7:00 <span style="font-variant: small-caps;">p.m.</span> CST</p>
<p>Email: <a href="mailto:support@eso.com">support@eso.com</a></p>
<p>Phone: 866-766-9471</p>
</MadCap:popupBody>
</MadCap:popup>
Any help would be wonderful.
Thanks,
Tracey
In the meantime, I tried exploiting Flare's inline text pop-up feature, and I got close to what I wanted . . . but the pop-up window isn't quite big enough to fit all the support information. I need the pop-up to be wider and taller still.
Is there a way to make this pop-up window bigger? Here is what I have in the style sheet right now:
a.Popup
{
color: #3665fc;
line-height: 18px;
mc-popup-height: auto;
mc-popup-width: auto;
}
And here is what I have in the topic to get the pop-up, using the image in the <MadCap:popupHead> field:
<MadCap:popup>
<MadCap:popupHead>
<img src="Resources/Images/SupportIconCircledSmall.png">
</img>
</MadCap:popupHead>
<MadCap:popupBody>
<p class="ContactSupportHeading">Customer support</p>
<p>Monday–Friday, 7:00 <span style="font-variant: small-caps;">a.m.</span> to 7:00 <span style="font-variant: small-caps;">p.m.</span> CST</p>
<p>Email: <a href="mailto:support@eso.com">support@eso.com</a></p>
<p>Phone: 866-766-9471</p>
</MadCap:popupBody>
</MadCap:popup>
Any help would be wonderful.
Thanks,
Tracey
You do not have the required permissions to view the files attached to this post.