[Solved] CssClasses & Colors Elements?

[Joel Kraft]

Are the <CssClasses> and <Colors> elements honored in the Q3 SP1 version of radEditor?  <Paragraphs> and <Tools> are working well for me, but I am unable to get anything but the default colors and styles to appear in the editor.

Because of our branding guidelines, I need to restrict these to a few well-known options.  I am using the following code in the radEditor tag:

<Colors>

  <TELERIK:EditorColor Title="Default" Value="" />

  <TELERIK:EditorColor Title="Red" Value="#FF0000" />

</Colors>

<CssClasses>

  <TELERIK:EditorCssClass Name="Backround (Light Theme)" Value="tr.THEMELIGHTBG" />

  <TELERIK:EditorCssClass Name="Backround (Dark Theme)" Value="tr.THEMEDARKBG" />

  <TELERIK:EditorCssClass Name="Background (Light Grey)" Value="tr.GRAYLIGHTBG" />

  <TELERIK:EditorCssClass Name="Backround (Medium Grey)" Value="tr.GRAYMEDIUMBG" />

  <TELERIK:EditorCssClass Name="Backround (Dark Grey)" Value="tr.GRAYDARKBG" />

  <TELERIK:EditorCssClass Name="Border (Theme)" Value="p.THEMEBORDER" />

  <TELERIK:EditorCssClass Name="Border (Red)" Value="p.REDBORDER" />

  <TELERIK:EditorCssClass Name="Photo (Standard)" Value="img.photo" />

  <TELERIK:EditorCssClass Name="Photo (Float Left)" Value="img.photoleft" />

  <TELERIK:EditorCssClass Name="Photo (Float Right)" Value="img.photoright" />

</CssClasses>

[Rumen]

Hello Joel,

The Colors collections of RadEditor "Prometheus" are fully functional and you should not experience problem with the declaration below:

<telerik:RadEditor ID="RadEditor1" runat="server">
    <Colors>
        <telerik:EditorColor Title="Red" Value="#FF0000" />
        <telerik:EditorColor Title="Default" Value="" />
    </Colors>
</telerik:RadEditor>

This settings will restrict the color items in the Fore and Back Color dropdowns to two items: Red and Default.

In regards to the CssClasses collection - such functionality does exist in RadEditor Classic, but it has not been ported yet to RadEditor Prometheus. It is on our TODO list for Q1 2008. However, it is possible to instruct the editor to only load specific CSS classes into its content area (and then this list would be made available to the dialogs as well). Our suggestion is to give a try to the CssFiles property.

Please, review the following online example:
Setting Content Area Defaults and External CSS Files

Best regards,
Rumen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Joel Kraft]

So now I am upgraded to 2008.1, but neither of these issues is resolved.

Even though I have defined the two colors in the editor markup, the full color chooser is still displayed for the user.

And now the CssClasses appear to be implemented, but still doesn't appear to work properly for me.  (I see this issue is actually present in some of the more recent versions of RadEditor classic, as well.)

Even though I have 10 CSS classes defined, only one "Photo (Standard)" is displayed on the CSS classes menu, along with "Clear Class".  It was my understanding that if I clicked on an img tag, that the three styles prefixed with "img." should be available in the menu.  If I'm not on an image, then those three should not be available.  In any case, no matter what I click on, I only get 1 of the 10!

[Rumen]

Hi Joel Kraft,

Up to the points:

1. Colors collections of RadEditor: I tested the code below and it worked as expected on my end with the latest version of RadControls for ASP.NET AJAX 2008.1:
   
   <telerik:RadEditor ID="RadEditor1" runat="server">
       <Colors>
           <telerik:EditorColor Title="Red" Value="#FF0000" />
           <telerik:EditorColor Title="Default" Value="" />
       </Colors>
   </telerik:RadEditor>
   
   You can see my test in the attached video as well as test the included project. Am I missing something?
   Please, provide more information how to reproduce the problem on our end.
   
   
2. Could you please send your 10 css class declarations and I will see and test them? After that I will provide an appropriate answer.
   

Looking forward to hearing from you,
Rumen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Joel Kraft]

Hi Rumen,

I played around with your example, and it indeed worked, but mine still did not on the same page.  So I started with yours and kept adding pieces until it worked.  Everything was fine, until I tried to create my own toolbars:

<Tools>

    <TELERIK:EditorToolGroup Tag="MainToolbar">

        <TELERIK:EditorTool Name="ForeColor" Enabled="True" />

    </TELERIK:EditorToolGroup>

</Tools>

Once I put this in, I got all of the colors again... the same was true if I only used the background color.  If I put both of them on the toolbar, though, then they both worked correctly!  I don't normally use the background color, though.  As a workaround, I will add them both and just disable BackColor.

I will gather my CSS and ASPX files for you to take a look at.
Joel

[Joel Kraft]

How do I send this stuff to you? :-)
There is no attach files option here.

[Rumen]

Hi Joel,

Thank you for the provided code that demonstrates the how to reproduce the problem. I was able to reproduce the bug and I logged it in our bug tracking system. I also updated your Telerik points for your bug report.

Our forums do not support attachments, but you can use the Support ticketing system under your Client.net account to send us zip, image files.


Best regards,
Rumen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center