Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET > Editor > rad editor as textarea
RadControls for ASP.NET are no longer supported (see this page for reference). In case you have inquiries about the Telerik ASP.NET AJAX controls, post them in the pertinent ASP.NET AJAX forums.

Not answered rad editor as textarea

Feed from this thread
  • liju avatar

    Posted on Jun 4, 2011 (permalink)

    hi i need to use rad editor as a text area. I dont want the tools, the footer, EditorModesCell etc. 
    i did some thing like

    <style type="text/css" >
    .reEditorModesCell,.reToolZone
    { 
    display:none!important;
    }
    .Default.RadEditor .reContentCell
    {
        border: solid 1px #FFFFFF!important;
        height:365px!important; 
        padding:0px!important; margin:0px!important;
        color:Black!important; 
    }
    .reToolCell
    {     
        vertical-align: top; /* Needed to position the toolbar wrapper at the top - and then set margin to it! */    
        padding-bottom: 0px!important;
    }
    .Default.RadEditor
    {
        background-color: #FFFFFF!important;
    }
    .hd3
    { 
    display:none!important; padding:0px!important; margin:0px!important;
    }
    </style>

    This removed all the tools.But Some div is coming in the top of the textarea like this
    <div style="padding: 25px 20px 10px; color: rgb(204, 102, 0);" class="hd3"><b><br></b></div>
    though i have applied a hd3 css class to over ride the original, but still this div  is creating problem for me like cursor coming 20 px from the left 
    what is the solution?

  • Rumen Rumen admin's avatar

    Posted on Jun 8, 2011 (permalink)

    Hello Liju,

    Here is the modified stylesheet which works on my end:

    <style type="text/css">
        .reEditorModesCell, .reToolZone, .reWrapper_center.reCenter_top, .reWrapper_corner.reCorner_top_left,
        .reWrapper_corner.reCorner_top_right
        {
            display: none !important;
        }
        .Default.RadEditor .reContentCell
        {
            border: solid 1px #FFFFFF !important;
            height: 365px !important;
            padding: 0px !important;
            margin: 0px !important;
            color: Black !important;
        }
        .reToolCell
        {
            vertical-align: top; /* Needed to position the toolbar wrapper at the top - and then set margin to it! */
            padding-bottom: 0px !important;
        }
        .Default.RadEditor
        {
            background-color: #FFFFFF !important;
        }
        .hd3
        {
            display: none !important;
            padding: 0px !important;
            margin: 0px !important;
        }
    </style>


    Best wishes,
    Rumen
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get now >>

    Attached files

Back to Top

Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET > Editor > rad editor as textarea