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

Editor shows a wide bolder at bottom

4 Answers 39 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Li Zhou
Top achievements
Rank 1
Li Zhou asked on 16 Jun 2010, 11:27 PM
I followed the demo in this link http://demos.telerik.com/aspnet-ajax/editor/examples/editorastextbox/defaultcs.aspx
trying to get a textbox like RadEditor.  But I got a wide bolder in the bottom.  Where sould I fix it ?

Here is the code, and also see the screenshot:
<style type="text/css">    
   
/* The following CSS needs to be copied to the page to produce textbox-like RadEditor */
   
.reWrapper_corner, .reWrapper_center 
   
{
           display
: none !important;                
   
}
                
   
.reLeftVerticalSide, 
   
.reRightVerticalSide, 
   
.reToolZone,
   
.reToolCell
   
{
        background
: white !important;
   
}
    
   
.reContentCell
   
{
        border-width
: 0 !important;
   
}
    
   
.RadEditor
   
{
           filter
: chroma(color=c2dcf0);
   
}
    <
/style>
........

<

 

telerik:RadEditor Runat="server" ToolbarMode="ShowOnFocus" EditModes="Design">

 

</

 

telerik:RadEditor>

 

4 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 17 Jun 2010, 08:14 AM
Hello Li Zhou,

The wider space in the bottom are the editor modules. You can see how to hide them in this help article: Disable or Hide Modules.


Best regards,
Rumen
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Li Zhou
Top achievements
Rank 1
answered on 17 Jun 2010, 01:54 PM
Thanks for the reply.  Now it almost shows the right way except another issue.

When the toolbar does not show, the editor looks fine,
when the editor is focused and toolbar shows, the lower edge of the editor disapears,
when the editor is unfocused, the lower edge of the editor stays disapeared.

Please see attached screeshot.  What I should do to fix it ? 

Thanks
0
Rumen
Telerik team
answered on 17 Jun 2010, 01:56 PM
Hi Li Zhou,

The reported problem was fixed in the past in the live demo by removing the following class:

.reWrapper_corner, .reWrapper_center
{
    display: none !important;                
}

Another approach was to execute the following code:

<script type="text/javascript">
function OnClientLoad(editor, args)
{
    var element = document.all ? editor.get_document().body : editor.get_document();
    $telerik.addExternalHandler(element, "click", function(e)
    {
        editor._updateEditorSize() ;
    });
}
</script>
<telerik:RadEditor OnClientLoad="OnClientLoad" Height="150px" Width="300px" ToolsWidth="330px"
    EditModes="Design" ID="RadEditor1"  runat="server" ToolbarMode="ShowOnFocus"
    ToolsFile="~/Editor/Examples/EditorAsTextBox/BasicTools.xml">
</telerik:RadEditor>



All the best,
Rumen
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Li Zhou
Top achievements
Rank 1
answered on 17 Jun 2010, 02:58 PM
Thanks. Works now
Tags
Editor
Asked by
Li Zhou
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Li Zhou
Top achievements
Rank 1
Share this question
or