This is a migrated thread and some comments may be shown as answers.

[Solved] Cannot Display RadEditor as Textbox

1 Answer 175 Views

Editor

This is a migrated thread and some comments may be shown as answers.

Ben asked on 13 Aug 2009, 10:19 PM

I am trying to customize the appearance of a RadEditor in my application to look like a normal textbox, but for some reason the styles do not seem to be taking effect. I have followed the instructions in the online example at the following address without success:

http://demos.telerik.com/aspnet-ajax/editor/examples/editorastextbox/defaultcs.aspx

Here is the code that I have added to my page to try and achieve the textbox look and feel.

    
            <asp:Content ID="MainContent" runat="server" ContentPlaceHolderID="RadPanel">  
        
                <!-- Styles to display RadEditor as Textbox --> 
        
                <style type="text/css">  
        
                    .reWrapper_corner, .reWrapper_center   
        
                    {  
        
                        display: none !important;                  
        
                    }  
        
                    .reLeftVerticalSide,   
        
                    .reRightVerticalSide,   
        
                    .reToolZone,  
        
                    .reToolCell  
        
                    {  
        
                        background: white !important;  
        
                    }  
        
                    .reContentCell  
        
                    {  
        
                        border-width: 20 !important;  
        
                    }  
        
                    .RadEditor  
        
                    {  
        
                        filter: chroma(color=c2dcf0);  
        
                    }  
        
                </style> 
        
                <!-- End Styles to display RadEditor as Textbox --> 
        
                <!-- Other page code here.... --> 
        
                <!-- RadEditor which is located within a RadGrid's edit form --> 
        
                <div style="float: left;">  
        
                    <telerik:RadEditor ID="SummaryText" runat="server" Skin="Vista" Height="250" Width="480" EditModes="Design" ToolbarMode="ShowOnFocus"></telerik:RadEditor> 
        
                </div> 
        
                <!-- Other page code here.... --> 
        
            </asp:Content>

I've also tried placing the styles in the <head> of the MasterPage and directly in the application's StyleSheet. None of the options seem to work so I'm at a loss. This application is using the latest 2009 Q2 controls. I do have another editor working in a different application using the 2008 Q3 controls. The styles are placed in the content page, however, the styles are a bit different with the 2008 Q3 controls. It just seems like the styles are no being recognized in my 2009 Q2 application.

If someone from Telerik answers this post I'd also be interested in the skin that was used in this thread entry field. What was done to skin the editor this way and do you have an example of something I could use as a baseline.

Thanks,
Ben

[Solved] Cannot Display RadEditor as Textbox

1 Answer, 1 is accepted