Hi,
I have configured the fckstyles.xml file to include all the cutom styles I need for the website. I have assigned attributes like this:
<Style name="Red Arrow Links" element="span">
<Attribute name="class" value="RedArrowLinks" />
</Style>
This works fine and applies the class, but the entries in the styles dropdown in the FCKEditor are not styled accordingly. They are only styled if I provide an additional attribute in the fckstyles.xml file like this:
<Style name="Red Arrow Links" element="span">
<Attribute name="class" value="RedArrowLinks" />
<Attribute name="style" value="background:url(../../../App_Themes/CorporateSite/Images/RedArrowRight.gif) no-repeat center left; display:inline-block; overflow:visible; line-height:17px; min-height:16px; padding-left:20px; font-size:1.5em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000000;" />
</Style>
The above styles the dropdown entries properly but it also applies the "style" attribute to the selected text. I know this is not the way to do it as the style is already defined in the "RedArrowLinks" class above.
Am I missing something to show the dropdown entries styled according to the stylesheet?
Thanks,
Yasser
I have configured the fckstyles.xml file to include all the cutom styles I need for the website. I have assigned attributes like this:
<Style name="Red Arrow Links" element="span">
<Attribute name="class" value="RedArrowLinks" />
</Style>
This works fine and applies the class, but the entries in the styles dropdown in the FCKEditor are not styled accordingly. They are only styled if I provide an additional attribute in the fckstyles.xml file like this:
<Style name="Red Arrow Links" element="span">
<Attribute name="class" value="RedArrowLinks" />
<Attribute name="style" value="background:url(../../../App_Themes/CorporateSite/Images/RedArrowRight.gif) no-repeat center left; display:inline-block; overflow:visible; line-height:17px; min-height:16px; padding-left:20px; font-size:1.5em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000000;" />
</Style>
The above styles the dropdown entries properly but it also applies the "style" attribute to the selected text. I know this is not the way to do it as the style is already defined in the "RedArrowLinks" class above.
Am I missing something to show the dropdown entries styled according to the stylesheet?
Thanks,
Yasser