Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

RadEditor size decreasing dynamically

4 Answers 62 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Kavita
Top achievements
Rank 1
Kavita asked on 05 Jun 2013, 12:30 PM
 Hello,

I have one small issue. I have used rad editor inside a panel bar.
When I open one of the panel item, rad editor size decreases automatically.
Why this is happening? Can you suggest me some solution?

4 Answers, 1 is accepted

Sort by
0
Kavita
Top achievements
Rank 1
answered on 10 Jun 2013, 06:21 AM
Please help me. Its creating a lot of trouble to my form.
0
Slav
Telerik team
answered on 10 Jun 2013, 11:54 AM
Hi Kavita,

I tried to reproduce the problem locally, but to no avail. Please compare the attached test sample with your actual project and check if there are differences in the setup.

If the editor is wrapped in UpdatePanel, your problem could be related to the one that is discussed in this help article.

In case you are still having difficulties after examining the information above, please try modifying my sample in order to reproduce the problem or send a simple, fully runnable page that isolates it so that I can inspect it locally and provide a more to the point answer.

Regards,
Slav
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Kavita
Top achievements
Rank 1
answered on 17 Jun 2013, 05:21 AM
The problem is still the same. Here is my aspx page which is causing a problem. There is nothing in its vb code file. 
=========================

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="RadEditor.aspx.vb" Inherits="RadEditor" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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" ></asp:ScriptManager>
    <div>
       <asp:UpdatePanel ID="UpdatePanel1" runat ="server"  >
                           <ContentTemplate >       
                           
                             <telerik:RadPanelBar ID="RadPanelBar1" runat="server"    
        ExpandMode ="MultipleExpandedItems" Width ="900px"  
        Skin="Metro"  Font-Names ="Arial" Font-Size ="12px"  >
     
      <Items >
                          
                       
                
   
                            
               <telerik:RadPanelItem  Expanded ="False" Text="CALL INFORMATION" Font-Size ="Small"  Font-Names="Arial">
                        <ContentTemplate >
                   
                   
                           
                           <table style ="width :870px" border="0" cellspacing="0" cellpadding="0">
                         
                                <tr>
                                        <td valign ="top" style =" width :20%; color :Black " >
                                                                        Inquiry :
                                        </td>

                                        <td  style =" width :80%;">

   
 <telerik:RadEditor ID="radEditorInquiry" runat="server" Skin="Windows7"  Height="200px" Width="660px" ContentAreaMode="Div" CssClass="wysiwygeditor">
        <Tools>
            <telerik:EditorToolGroup Tag="FormattingFont">
                <telerik:EditorTool Name="ForeColor"></telerik:EditorTool>
                <telerik:EditorTool Name="BackColor"></telerik:EditorTool>
                <telerik:EditorSeparator></telerik:EditorSeparator>
                <telerik:EditorTool Name="FontName"></telerik:EditorTool>
                <telerik:EditorTool Name="RealFontSize"></telerik:EditorTool>
                <telerik:EditorTool Name="FormatBlock"></telerik:EditorTool>
                <telerik:EditorTool Name="Indent"></telerik:EditorTool>
                <telerik:EditorTool Name="Outdent"></telerik:EditorTool>
            </telerik:EditorToolGroup>
            <telerik:EditorToolGroup Tag="MainToolbar">
                <telerik:EditorTool Name="Print" ShortCut="CTRL+P"></telerik:EditorTool>
                <telerik:EditorTool Name="FindAndReplace"></telerik:EditorTool>
                <telerik:EditorSeparator></telerik:EditorSeparator>
                <telerik:EditorTool Name="Cut"></telerik:EditorTool>
                <telerik:EditorTool Name="Copy"></telerik:EditorTool>
                <telerik:EditorTool Name="Paste" ShortCut="CTRL+V"></telerik:EditorTool>
                <telerik:EditorTool Name="PasteStrip"></telerik:EditorTool>
                <telerik:EditorTool Name="Undo"></telerik:EditorTool>
                <telerik:EditorTool Name="Redo"></telerik:EditorTool>
                <telerik:EditorTool Name="ConvertToUpper"></telerik:EditorTool>
                <telerik:EditorTool Name="ConvertToLower"></telerik:EditorTool>
                <telerik:EditorTool Name="AjaxSpellCheck"></telerik:EditorTool>
                
            </telerik:EditorToolGroup>
            <telerik:EditorToolGroup Tag="Formatting">
                <telerik:EditorTool Name="Bold"></telerik:EditorTool>
                <telerik:EditorTool Name="Italic"></telerik:EditorTool>
                <telerik:EditorTool Name="Underline"></telerik:EditorTool>
                <telerik:EditorTool Name="StrikeThrough"></telerik:EditorTool>
                <telerik:EditorSeparator></telerik:EditorSeparator>
                <telerik:EditorTool Name="JustifyLeft"></telerik:EditorTool>
                <telerik:EditorTool Name="JustifyCenter"></telerik:EditorTool>
                <telerik:EditorTool Name="JustifyRight"></telerik:EditorTool>
                <telerik:EditorTool Name="JustifyFull"></telerik:EditorTool>
                <telerik:EditorTool Name="JustifyNone"></telerik:EditorTool>
                <telerik:EditorSeparator></telerik:EditorSeparator>
                <telerik:EditorTool Name="Superscript"></telerik:EditorTool>
                <telerik:EditorTool Name="Subscript"></telerik:EditorTool>
                <telerik:EditorSeparator></telerik:EditorSeparator>
                <telerik:EditorTool Name="InsertTable"></telerik:EditorTool>
            </telerik:EditorToolGroup>
        </Tools>
        
        <Content>
        
        </Content>
    </telerik:RadEditor>
                         

                                </td>
                                </tr>

                                <tr>
                                <td  valign ="top" style =" color :Black " >
                                 Response :
                                </td>

                                <td >
                                  <telerik:RadEditor ID="radEditorResponse" runat="server" Skin="Windows7" Height="200px" Width="660px" ContentAreaMode="Div" CssClass="wysiwygeditor" >
        <Tools>
            <telerik:EditorToolGroup Tag="FormattingFont">
                <telerik:EditorTool Name="ForeColor"></telerik:EditorTool>
                <telerik:EditorTool Name="BackColor"></telerik:EditorTool>
                <telerik:EditorSeparator></telerik:EditorSeparator>
                <telerik:EditorTool Name="FontName"></telerik:EditorTool>
                <telerik:EditorTool Name="RealFontSize"></telerik:EditorTool>
                <telerik:EditorTool Name="FormatBlock"></telerik:EditorTool>
                <telerik:EditorTool Name="Indent"></telerik:EditorTool>
                <telerik:EditorTool Name="Outdent"></telerik:EditorTool>
            </telerik:EditorToolGroup>
            <telerik:EditorToolGroup Tag="MainToolbar">
                <telerik:EditorTool Name="Print" ShortCut="CTRL+P"></telerik:EditorTool>
                <telerik:EditorTool Name="FindAndReplace"></telerik:EditorTool>
                <telerik:EditorSeparator></telerik:EditorSeparator>
                <telerik:EditorTool Name="Cut"></telerik:EditorTool>
                <telerik:EditorTool Name="Copy"></telerik:EditorTool>
                <telerik:EditorTool Name="Paste" ShortCut="CTRL+V"></telerik:EditorTool>
                <telerik:EditorTool Name="PasteStrip"></telerik:EditorTool>
                <telerik:EditorTool Name="Undo"></telerik:EditorTool>
                <telerik:EditorTool Name="Redo"></telerik:EditorTool>
                <telerik:EditorTool Name="ConvertToUpper"></telerik:EditorTool>
                <telerik:EditorTool Name="ConvertToLower"></telerik:EditorTool>
                <telerik:EditorTool Name="AjaxSpellCheck"></telerik:EditorTool>
                
            </telerik:EditorToolGroup>
            <telerik:EditorToolGroup Tag="Formatting">
                <telerik:EditorTool Name="Bold"></telerik:EditorTool>
                <telerik:EditorTool Name="Italic"></telerik:EditorTool>
                <telerik:EditorTool Name="Underline"></telerik:EditorTool>
                <telerik:EditorTool Name="StrikeThrough"></telerik:EditorTool>
                <telerik:EditorSeparator></telerik:EditorSeparator>
                <telerik:EditorTool Name="JustifyLeft"></telerik:EditorTool>
                <telerik:EditorTool Name="JustifyCenter"></telerik:EditorTool>
                <telerik:EditorTool Name="JustifyRight"></telerik:EditorTool>
                <telerik:EditorTool Name="JustifyFull"></telerik:EditorTool>
                <telerik:EditorTool Name="JustifyNone"></telerik:EditorTool>
                <telerik:EditorSeparator></telerik:EditorSeparator>
                <telerik:EditorTool Name="Superscript"></telerik:EditorTool>
                <telerik:EditorTool Name="Subscript"></telerik:EditorTool>
                <telerik:EditorSeparator></telerik:EditorSeparator>
                <telerik:EditorTool Name="InsertTable"></telerik:EditorTool>
            </telerik:EditorToolGroup>
        </Tools>
        
        <Content>
        
        </Content>
    </telerik:RadEditor>
    

                               
                                </td>
                                </tr>
   </table>
   
                  
   
                     
               
    
                        </ContentTemplate>
                </telerik:RadPanelItem>                    
                 
                     
                        
               <telerik:RadPanelItem  Expanded ="False" Text="PARTS FAILED AND ROOT CAUSE SECTION" Font-Size ="Small"  Font-Names="Arial">
                        <ContentTemplate >
                        
                       
  
   
    <table style ="width :870px" border="0" cellspacing="0" cellpadding="0">
     <tr>
   <td style =" color :Black;width : 20%; " valign ="top" >
   Part Description :
   </td>
   <td style ="width : 80%;"> 
    <telerik:RadTextBox ID="txtPartDescription" runat="Server"  Width ="660px" TextMode ="MultiLine" Rows ="5" Font-Names ="Arial" Font-Size ="12px">
        </telerik:RadTextBox>
  
   </td>
   </tr> 
   
   
      <tr>
   <td style =" color :Black " valign ="top" >
   Indication :
   </td> 
    <td >
     <telerik:RadTextBox ID="txtIndication" runat="Server"  Width ="660px" TextMode ="MultiLine" Rows ="5" Font-Names ="Arial" Font-Size ="12px">
        </telerik:RadTextBox>
   
   </td>
   </tr>
   
 
     </table> 
   
                      
                
                        
                              
                        </ContentTemplate>
 </telerik:RadPanelItem>
                         
           
     
   </Items>
</telerik:RadPanelBar>
                      
   
                           
    </ContentTemplate> 
</asp:UpdatePanel> 
    </div>
    </form>
</body>
</html>




=======================

0
Ivaylo
Telerik team
answered on 18 Jun 2013, 12:26 PM
Hello Kavita,

Thank you for your feedback.

We have run several tests with the provided code and we have managed to reproduce the issue under IE 7 and IE 8. It seems that the undesired behavior is caused by the usage of ContentAreaMode="Div" when RadEditor is placed in a RadPanelBar.

I have logged the issue as a bug into our system and our developers will further investigate its causes. You can follow any progress on it in its article on our Feedback Portal. However, I am afraid that I cannot give you a firm estimate when it might be resolved.

In the meantime, the only possible workaround that I can suggest is to either avoid placing the Editor in a RadPanel, or set its ContentAreaMode to Iframe.

As a token of our gratitude for reporting the bug, I have updated your Telerik points.

Thank you for your efforts and, please, excuse us for the temporary inconvenience. Should you have any other questions, feel free to contact us.

Regards,
Ivaylo
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
General Discussions
Asked by
Kavita
Top achievements
Rank 1
Answers by
Kavita
Top achievements
Rank 1
Slav
Telerik team
Ivaylo
Telerik team
Share this question
or