Hi there –
This is Carlos Mendoza from Accenture, US.
I’m not sure if this is also the same email address for requesting technical assistance so I’d appreciate it if you just forward to the correct group if so.
Our project purchased Telerik’s HTML editor product, and implemented it on our corporate web site, www.accenture.com
That web site is built on MOSS 2007. We have another web site, microsite.accenture.com, built in MOSS 2007 too, in which Telerik’s HTML editor is implemented in there too.
On the Microsite web site, Telerik’s toolbar is able to retrieve the site’s alternate CSS file (.css), and display the CSS classes defined inside the CSS file on the Style dropdown of Telerik’s toolbar, so they can be used by our end users. See screenshot below, or see my attached images.
On the www.accenture.com web site, this is not happening on Telerik’s Style dropdown section.
Our clients would like the same behavior of the Style dropdown as the Microsites web site. Is there any configuration or line of code we should implement on the www.accenture.com platform so additional CSS classes defined on the site’s alternate CSS would appear on the Style dropdown of Telerik’s HTML editor toolbar?
Please advise.
I’d be glad to hop into a call if needed. Just tell me the telephone number of your technical support team.
Looking forward to hearing from you!

<telerik:RadAjaxLoadingPanel ID="LoadingPanel1" runat="server" BackgroundPosition="Top" Transparency="0" HorizontalAlign="Center" > <img src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' alt="<%= GetWebString("Loading...")%>" style="border: 0;" /> </telerik:RadAjaxLoadingPanel><telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" ><br> <telerik:RadWindow ID="radWinAddCredit" runat="server" Modal="true" AutoSize="true" Title="Add/Edit Credit" <br> Visible="false" VisibleOnPageLoad="True" Skin="WebBlue" Height="300px" ShowContentDuringLoad="False" Width="300px"><br> <ContentTemplate><br> <table class="form"><br> <tr><br> <td class="formHeader"><br> Add Credit<br> </td><br> </tr><br> <tr><br> <td class="formLabel" align="left"><br> Craft<br> </td><br> </tr><br> <tr><br> <td align="left"><br> <telerik:RadComboBox ID="cboCrafts" Skin="WebBlue" ZIndex="100" MarkFirstMatch="true" runat="server"><br> </telerik:RadComboBox><br> </td><br> </tr><br> <tr><br> <td class="formLabel" align="left"><br> Title<br> </td><br> </tr><br> <tr><br> <td align="left"><br> <telerik:RadComboBox ID="cboShowTitles" Skin="WebBlue" ZIndex="100" EnableAutomaticLoadOnDemand="true" EmptyMessage="Type to Search..." MarkFirstMatch="true" runat="server"><br> <WebServiceSettings Method="GetShowTitles" Path="../Admin/Controls/AdminService.asmx" /><br> </telerik:RadComboBox><br> </td><br> </tr><br> <tr><br> <td class="formLabel" align="left"><br> Comment<br> </td><br> </tr><br> <tr><br> <td align="left"><br> <asp:TextBox ID="txtCreditComment" runat="server" Width="195"></asp:TextBox><br> </td><br> </tr><br> <tr><br> <td align="right"><br> <asp:Button ID="btnAddCredit" runat="server" OnClick="btnAddCredit_Click" Text="Add" /><br> <asp:Button ID="btnCancelPopup" runat="server" OnClick="btnCancelPopup_Click" Text="Cancel" /><br> </td><br> </tr><br> </table><br> </ContentTemplate><br> </telerik:RadWindow><br> </telerik:RadAjaxPanel><%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>Untitled Page</title></head><body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server" /> <div> <telerik:RadComboBox ID="CboPOL" Runat="server"> <Items> <telerik:RadComboBoxItem runat="server" Text="aaa" Value="First" /> <telerik:RadComboBoxItem runat="server" Text="bbb" Value="First" /> <telerik:RadComboBoxItem runat="server" Text="ccc" Value="First" /> <telerik:RadComboBoxItem runat="server" Text="ddd" Value="First" /> <telerik:RadComboBoxItem runat="server" Text="eee" Value="First" /> <telerik:RadComboBoxItem runat="server" Text="111" Value="Second" /> <telerik:RadComboBoxItem runat="server" Text="222" Value="Second" /> <telerik:RadComboBoxItem runat="server" Text="333" Value="Second" /> <telerik:RadComboBoxItem runat="server" Text="abc" Value="third" /> <telerik:RadComboBoxItem runat="server" Text="hij" Value="forth" /> </Items> </telerik:RadComboBox> </div> </form></body></html>
<telerik:RadComboBox id="Test15" runat="server" width="200px" height="100px" DropDownWidth="200px" AllowCustomText="true" EmptyMessage="Select an option..." Skin="Probitas" EnableEmbeddedSkins="false" onClientDropDownClosing="AlignDropDownCaretLeft" > <Items> <telerik:RadComboBoxItem Text="Short option" Value="1" /> <telerik:RadComboBoxItem Text="AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz1234567890" Value="2" /> <telerik:RadComboBoxItem Text="aAbBcCdDeEfFgGhHiIjJkKlLmMnNoOpPqQrRsStTuUvVwWxXyYzZ0123456789" Value="3" /> <telerik:RadComboBoxItem Text="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz9876543210" Value="4" /> <telerik:RadComboBoxItem Text="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ9876543210" Value="5" /> </Items> </telerik:RadComboBox><br /> <br /> <telerik:RadComboBox id="Test16" runat="server" width="200px" height="100px" DropDownWidth="200px" AllowCustomText="false" EmptyMessage="Select an option..." Skin="Probitas" EnableEmbeddedSkins="false" onClientDropDownClosing="AlignDropDownCaretLeft" > <Items> <telerik:RadComboBoxItem Text="Short option" Value="1" /> <telerik:RadComboBoxItem Text="AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz1234567890" Value="2" /> <telerik:RadComboBoxItem Text="aAbBcCdDeEfFgGhHiIjJkKlLmMnNoOpPqQrRsStTuUvVwWxXyYzZ0123456789" Value="3" /> <telerik:RadComboBoxItem Text="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz9876543210" Value="4" /> <telerik:RadComboBoxItem Text="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ9876543210" Value="5" /> </Items> </telerik:RadComboBox><br />/* RadComboBox Simple skin */ /*global*/ .RadComboBox_Probitas, .RadComboBox_Probitas .rcbInput, .RadComboBoxDropDown_Probitas { font: 12px "Segoe UI", Arial, sans-serif; color: #333; } /* combobox */ div.RadComboBox_Probitas table td.rcbInputCell { height: 18px; line-height: 18px; border: 1px solid #10568A; background: #fff; } * html div.RadComboBox_Probitas table td.rcbInputCell { height /**/: 20px; line-height /**/: 20px; } div.RadComboBox_Probitas table td.rcbInputCellLeft { border-width: 1px 0 1px 1px; } div.RadComboBox_Probitas table td.rcbInputCellRight { border-width: 1px 1px 1px 0; } * html div.RadComboBox_Probitas .rcbInputCell .rcbInput { height /**/: 16px; padding /**/: 2px 0; /* This should fix the ajax introduced height in IE7 and not break IE6 */} .RadComboBox_Probitas .rcbInputCell .rcbEmptyMessage { color: #666; } .RadComboBox_Probitas .rcbHovered .rcbInputCell .rcbInput, .RadComboBox_Probitas .rcbFocused .rcbInputCell .rcbInput { color: #333333; } div.RadComboBox_Probitas table td.rcbArrowCell { border: 1px solid #10568A; background: #fff url('ComboBox/rcbSprite.png') no-repeat -1px 50%; } div.RadComboBox_Probitas .rcbReadOnly .rcbArrowCellLeft, div.RadComboBox_Probitas .rcbArrowCellHidden.rcbArrowCellLeft { border-width: 1px 1px 1px 1px; } div.RadComboBox_Probitas .rcbReadOnly .rcbArrowCellRight, div.RadComboBox_Probitas .rcbArrowCellHidden.rcbArrowCellRight { border-width: 1px 1px 1px 1px; } .RadComboBox_Probitas td.rcbArrowCell { background-position: -1px 50%; } .RadComboBox_Probitas .rcbHovered .rcbArrowCell { background-position: -21px 50%; } .RadComboBox_Probitas .rcbFocused .rcbArrowCell { background-position: -41px 50%; } .RadComboBox_Probitas .rcbDisabled .rcbArrowCell { background-position: -61px 50%; } .RadComboBox_Probitas .rcbReadOnly td.rcbArrowCell { background-position: -2px 50%; } .RadComboBox_Probitas .rcbHovered .rcbReadOnly .rcbArrowCell { background-position: -22px 50%; } .RadComboBox_Probitas .rcbFocused .rcbReadOnly .rcbArrowCell { background-position: -42px 50%; } .RadComboBox_Probitas .rcbDisabled .rcbReadOnly .rcbArrowCell { background-position: -62px 50%; } .RadComboBox_Probitas td.rcbArrowCellHidden, .RadComboBox_Probitas .rcbHovered td.rcbArrowCellHidden, .RadComboBox_Probitas .rcbFocused td.rcbArrowCellHidden, .RadComboBox_Probitas .rcbReadOnly td.rcbArrowCellHidden, .RadComboBox_Probitas .rcbHovered .rcbReadOnly .rcbArrowCellHidden, .RadComboBox_Probitas .rcbFocused .rcbReadOnly .rcbArrowCellHidden, .RadComboBox_Probitas .rcbDisabled .rcbReadOnly .rcbArrowCellHidden, .RadComboBox_Probitas table.rcbDisabled td.rcbArrowCellHidden { /*background: #none; */ background: #ffffff; } .RadComboBox_Probitas .rcbHovered .rcbArrowCell, .RadComboBox_Probitas .rcbHovered .rcbReadOnly .rcbInputCell, .RadComboBox_Probitas .rcbHovered .rcbReadOnly .rcbArrowCellHidden { background-color: #ffffff; } .RadComboBox_Probitas .rcbFocused .rcbArrowCell, .RadComboBox_Probitas .rcbFocused .rcbReadOnly .rcbInputCell, .RadComboBox_Probitas .rcbFocused .rcbReadOnly .rcbArrowCellHidden { background-color: #ffffff; } div.RadComboBox_Probitas .rcbHovered .rcbArrowCell, div.RadComboBox_Probitas .rcbHovered .rcbInputCell { border-color: #10568A; } div.RadComboBox_Probitas .rcbFocused .rcbArrowCell, div.RadComboBox_Probitas .rcbFocused .rcbInputCell { border-color: #10568A; } div.RadComboBox_Probitas .rcbDisabled .rcbArrowCell, div.RadComboBox_Probitas .rcbDisabled .rcbInputCell { border-color: #10568A; } div.RadComboBox_Probitas .rcbArrowCell a { height: 20px; } div.RadComboBox_Probitas td.rcbArrowCellHidden, div.RadComboBox_Probitas .rcbArrowCellHidden a { width: 1px; } div.RadComboBox_Probitas td.rcbArrowCellHidden.rcbArrowCellRight { border-left: 1px solid #10568A; } /* Read-only styles */ /* dropdown */ .RadComboBoxDropDown_Probitas { background: #fff; border-color: #10568A; } .RadComboBoxDropDown_Probitas .rcbHeader, .RadComboBoxDropDown_Probitas .rcbFooter { background: #e4e4e4; color: #000; } .RadComboBoxDropDown_Probitas .rcbHeader { border-bottom-color: #10568A; } .RadComboBoxDropDown_Probitas .rcbFooter { border-top-color: #10568A; } .RadComboBoxDropDown_Probitas .rcbItem em { background: #ffffff; } div.RadComboBoxDropDown_Probitas .rcbHovered { background: #ffffff; color: #ffffff; border: 1px solid #10568A; padding: 1px 5px; } .RadComboBoxDropDown_Probitas .rcbSeparator { color: #fff; background: #8a8a8a; } .RadComboBox_Probitas .rcbDisabled .rcbInputCell .rcbInput, .RadComboBoxDropDown_Probitas .rcbDisabled { color: #888888; } .RadComboBoxDropDown_Probitas .rcbLoading { background: #ffffff; } .RadComboBoxDropDown_Probitas .rcbMoreResults { border-top-color: #10568A; background: #ffffff; color: #333333; } .RadComboBoxDropDown_Probitas .rcbMoreResults a { background: url('ComboBox/rcbSprite.png') no-repeat -1px -85px; } div.RadComboBox_Probitas .rcbInputCell { border-color: #10568A; } .RadComboBox_Probitas .rcbInput { color: #000000; } DIV.RadComboBox_Probitas .rcbArrowCell { border-color: #10568A; } div.RadComboBox_Probitas .rcbHovered .rcbInputCell { border-color: #10568A; } div.RadComboBox_Probitas .rcbHovered .rcbInput { color: #000000; } .RadComboBox_Probitas .rcbHovered .rcbArrowCell { border-color: #10568A; background-color: #FFFFFF; } div.RadComboBox_Probitas .rcbFocused .rcbInputCell { border-color: #10568A; } div.RadComboBox_Probitas .rcbFocused .rcbInput { color: #000000; } div.RadComboBox_Probitas .rcbFocused .rcbArrowCell { background-color: #FFFFFF; } div.RadComboBox_Probitas .rcbDisabled .rcbInputCell { border-color: #888888; } div.RadComboBox_Probitas .rcbDisabled .rcbArrowCell { border-color: #888888; } div.RadComboBoxDropDown_Probitas { border-color: #10568A; } div.RadComboBoxDropDown_Probitas .rcbHeader { background-color: #BCD1E1; /*light blue*/} div.RadComboBoxDropDown_Probitas .rcbHovered { border: #10568A 1px solid; background-color: #BCD1E1; color: #000000; } /*General*/div.RadComboBox_Probitas .rcbInputCell { border-color: #10568A; border-right: #10568A 1px solid; } div.RadComboBox_Probitas .rcbArrowCell { border-color: #10568A; } /*Hovered*/div.RadComboBox_Probitas .rcbHovered .rcbInputCell { border-right: #10568A 1px solid; } div.RadComboBox_Probitas .rcbHovered .rcbInput { color: #000000; } /*Focused*/div.RadComboBox_Probitas .rcbFocused .rcbInputCell { border-right: #10568A 1px solid; border-color: #10568A; } div.RadComboBox_Probitas .rcbFocused .rcbInput { color: #000000; } /*Disabled*/div.RadComboBox_Probitas .rcbDisabled .rcbInputCell { border-right: #888888 1px solid; border-color: #888888; } div.RadComboBox_Probitas .rcbDisabled .rcbInput { color: #888888; } div.RadComboBox_Probitas .rcbDisabled .rcbArrowCell { border-color: #888888; color: #888888; } div.RadComboBox_Probitas table td.rcbInputCell { padding-right: 5px; padding-left: 0px; }