Drop-down text no longer works

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
kcann
Propeller Head
Posts: 64
Joined: Wed May 27, 2009 7:03 am

Drop-down text no longer works

Post by kcann »

Hi

I've recently changed one of my style sheets and included some 'clear' and 'float' properties on paragraph tags. I'm not sure if it's related, but my drop-down text no longer works with the new style sheet. I've compared the old and the new style sheets and I cannot find anything different that is labelled as an mc-related style.

Any ideas as to which other tags might affect the drop-downs?

Thanks!

K
LTinker68
Master Propellus Maximus
Posts: 7247
Joined: Thu Feb 16, 2006 9:38 pm

Re: Drop-down text no longer works

Post by LTinker68 »

First, I wouldn't use clear and float on paragraph tags, as those attributes are really only if you're trying to overlap/layer content, and that's not something you'd generally do with your base paragraph tag. Unless you're talking about some custom paragraph classes and are floating some content.

Second, the drop-down feature (and many other Flare-specific effects) are enclosed in div tags with custom classes that aren't shown in the main topic stylesheet. If you made a change to your base div tag, that can effect those Flare div tags if the same attribute hasn't already been specified for the Flare div tag. For instance, if you set your base div tag to have a pale yellow background color, then the drop-down, toggler, and other effects will have a pale yellow background color on them, too, because their divs are inheriting that background color from the base div tag in your main topic stylesheet.

If you did make a change to your base div tag, then you'll need specify the alternate value of the attributes in the Flare div tag. To find out what div class the Flare drop-down tags use, generate the WebHelp output then right-click on the topic with the drop-down effect and select to view the source code. You'll see the tags that make up the drop-down effect and the classes. You then create the same class name (match the capitalization) in the Stylesheet Editor, and set the appropriate value for whichever attribute you changed in the base div tag. To use the example above, you could either set the Flare div's background color to white or to none, which will override the background color you had specified for the base div tag.

Hopefully that all made sense.
Image

Lisa
Eagles may soar, but weasels aren't sucked into jet engines.
Warning! Loose nut behind the keyboard.
kcann
Propeller Head
Posts: 64
Joined: Wed May 27, 2009 7:03 am

Re: Drop-down text no longer works

Post by kcann »

Thank you Lisa, that makes perfect sense. I had changed the div tag to mc-hyphenate: never. Undoing that, though, hasn't helped. When I use my new style sheet and view the source code, there are no drop down divs at all.

Hmmm...

Karen
LTinker68
Master Propellus Maximus
Posts: 7247
Joined: Thu Feb 16, 2006 9:38 pm

Re: Drop-down text no longer works

Post by LTinker68 »

kcann wrote:... and view the source code...
I meant view the source code of the generated WebHelp via the browser's view source code function. Sorry, should have made that more clear. You won't see the divs in the authoring environment, you'll see the MadCap tags instead. When you generate the help, it converts them to divs with classes.
Image

Lisa
Eagles may soar, but weasels aren't sucked into jet engines.
Warning! Loose nut behind the keyboard.
kcann
Propeller Head
Posts: 64
Joined: Wed May 27, 2009 7:03 am

Re: Drop-down text no longer works

Post by kcann »

Hi Lisa

Yes, you were clear, and it was in the generated output that I looked at the source code.

For some reason though, once I restarted my computer, the drop-downs started to work after I changed the div tag back to mc-hyphenate not set.

Thank you so much for your help!

Regards

Karen
Mohinda
Propeller Head
Posts: 59
Joined: Fri May 07, 2010 9:59 am

Re: Drop-down text no longer works

Post by Mohinda »

Hi,
I prepared a topic with FAQs as Dropdown text. I am using Dotnet as the target. All FAQs were showing fine when I previewed the topic and also shown as hyperlinks in the generated outpout. Something has gone worng that it stopped working in the Preview and in the generated output.
After reading Lisa instructions, I generated web output and viewed the source code. It shows that Div classes are MCDropDownHead and MCDropDown Body for font etc.
I have not got these classes in the Div tag in the stylesheet. I chose the style clasess from the MadCapIdropDownHead and MadCapIdropdownBody.

Do I nead to create the Dropdown text classes under the Div tag?

Why dropdown text is showing in the Web output not in the DotNet output?
Any insight into the problem will be very much appreciated.
Mohinda
NorthEast
Master Propellus Maximus
Posts: 6426
Joined: Mon Mar 05, 2007 8:33 am

Re: Drop-down text no longer works

Post by NorthEast »

Mohinda wrote:Hi,
I prepared a topic with FAQs as Dropdown text. I am using Dotnet as the target. All FAQs were showing fine when I previewed the topic and also shown as hyperlinks in the generated outpout. Something has gone worng that it stopped working in the Preview and in the generated output.
After reading Lisa instructions, I generated web output and viewed the source code. It shows that Div classes are MCDropDownHead and MCDropDown Body for font etc.
I have not got these classes in the Div tag in the stylesheet. I chose the style clasess from the MadCapIdropDownHead and MadCapIdropdownBody.

Do I nead to create the Dropdown text classes under the Div tag?

Why dropdown text is showing in the Web output not in the DotNet output?
Any insight into the problem will be very much appreciated.
No, you don't need to create these div classes in your stylesheet, they're generated by Flare in the output.

All of the MadCap|... styles in your stylesheet are proprietary styles used by Flare, and are just used to simplify and group together the settings. When you build your help, Flare takes these style settings and uses them in a secondary stylesheet (MadCap.css) which is where it defines the div and span styles it actually uses in the HTML code.
Post Reply