Style Inheritance When Linking in a Snippet

[Daniel Feiglin]

Hello!

I have a snippet that looks like this:

<Wingding graphic> To do something or other:
1. Do this.
2. Do that.
3. Do something else

Additional information:
1. All formatting is via the project style sheet.
2. In the snippet the formatting looks OK: The graphic, set up with its own color as an auto-number and using a span class, shows correctly.
3. The header "To do something or other:" is bolded.
4. The list is a standard numbered list.

When I link the snippet into a topic, everything is OK except for the <Wingding graphic>, which doesn't appear at all. Just to prove CSS consistency, if I copy/paste the snippet text into the topic it appears with the graphic as it should. The attached screen capture should make it all clear.

Here are the relevant CSS entries:

p.To_Do_List_Header
{
font-size: 12.0pt;
font-weight: bold;
color: #000000;
margin-top: 0pt;
margin-bottom: 0pt;
mc-auto-number-format: 'Y:Ø '; /* Windings Unicode 0xD8 */
mc-auto-number-position: inside-head;
mc-auto-number-offset: 0px;
mc-auto-number-class: To_Do_list_Header_Graphic;
}
span.To_Do_list_Header_Graphic
{
font-family: Wingdings;
font-size: 16pt;
font-weight: bold;
color: #ff8150;
}

Two questions:
First, the obvious: What is going wrong here?
Second, Is this a "Dopey Daniel" problem, or is it symptomatic of a wider inheritance issue?

Regards,

Daniel Feiglin

[Msquared]

Is it just in the Flare XML editor that the snippet doesn't show up correctly, or in the output too? I have several things that don't show properly in the XML editor
when they are in snippets (all my numbers and bullets, for example). but they are fine in the output. Is that what's happening here?

[NorthEast]

I've seen similar before, and would guess that the problem is just the XML editor not displaying things correctly.

I would check it works in the preview and output; that's the only sure way to check CSS changes.

[ChoccieMuffin]

Yup, same here. It is a big pain in the rear end that the supposedly WYSIWYG interface is, in reality, WYSIAWYGBNQ (What You See Is Almost What You Get But Not Quite).

[Daniel Feiglin]

Thanks for the prompt replies. Upon building the project (one file!) I got this for both the copy/paste and snippet cases:

2014-07-14_17-44-48.jpg

with the Ø character. I guess that is progress. (I have a pending followup on this as well.)
Anyway, it appears that one must treat the XML editor with a certain amount of suspicion ...

Daniel

[Daniel Feiglin]

Hello folks!

Further to my last post:

If you change the CSS to this -

p.To_Do_List_Header
{
font-size: 12.0pt;
font-weight: bold;
color: #000000;
margin-top: 0pt;
margin-bottom: 0pt;
/* auto-number-format: 'Y:Ø ';*/
mc-auto-number-format: 'Y:{color #ff8150}{family Wingdings} Ø {/family}{/color}';
mc-auto-number-position: inside-head;
mc-auto-number-offset: 0px;
/* auto-number-class: To_Do_list_Header_Graphic;*/
}

span.To_Do_list_Header_Graphic
{
font-family: Wingdings;
font-size: 16pt;
font-weight: bold;
color: #ff8150;
}

The XML editor is still faulty but the target is correct in IE but not Mozilla FF. The browser dependency is a bit OT and can be got around using a small JPG image.

There is however a Flare GUI bug: If you look at the way I "got there", I changed things in the CSS file with Notepad++. In the GUI, I could not delete the auto-number-class. It kept popping back! That is what forced me in to Notepad++.

One final thing: The above solution is unacceptable since it defeats the purpose of using span classes that may be re-used in several styles. (I come from Frame, where To_Do_List_Header was a paragraph tag and To_Do_list_Header_Graphic was a character tag for the auto-number-style in the former.)

Regards,


Daniel