Design view link styles in Firefox

[Mathew]

Hi,

We are having problems styling links in the design view of the editor iframe in Firefox (version 3.0.4).

Safari and Internet Explorer (6 and 7) are recognising our custom link styles, but Firefox is not. We've tried applying the styles inline in the a tag, embedding them in the iframe head element, and linking to an external stylesheet. We have also ensured that our Firefox preferences are set to allow pages to choose their own colours, and that "use system colours" is unchecked.

The problem can be easily replicated in the editor on one of your demo pages, here for example.

Add a link anywhere in the content area with a simple inline style for the color property, eg:

<a href="www.google.com" style="color: #FF0033;">test link colours</a>

In design view in Firefox, the link is still being displayed in the default blue while in Safari and Internet Explorer, the link text is red, as expected. However, strangely enough, in the editor preview view in Firefox, the link style is being applied.

Thanks for your time,
Mathew.

[Rumen]

Hi Mathew,

The observed behavior is browser related and it could be reproduced with an editable IFRAME which uses the same rich text editing engine as RadEditor. For your convenience I have attached an html page with an editable IFRAME in it for test.

I searched in Google for a solution and found the following site which provides more information on the subject: http://www.webmasterworld.com/css/3186432.htm

I also noticed that once the link is displayed in Preview mode - outside of the editable IFRAME then its color formatting is rendered by Firefox.

Best regards,
Rumen
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Mathew]

Hi Rumen,

Thanks very much for that, I can see that it's not a Telerik issue. We'll try and find our own workaround.

Cheers,
Mathew.