Multiline RadTextbox is behaving like RadEditor in Mozilla

5 posts, 1 answers
  1. Perfect
    Perfect avatar
    40 posts
    Member since:
    Sep 2010

    Posted 10 Feb 2012 Link to this post

    Hi ,
    RadTextBox is behaving like RadEditor in terms of resizable where the users can able to see the dock like panel in the lower left corner
    which is similar to RadEditor.This issue is only Mozilla Firefox . User is using Firefox 10.0.
    Please find the attached image file.
    .InnerTextStyle
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;

        color: black;

        font-size:9pt;
    }

                               <telerik:RadTextBox ID="txtTitle" MaxLength="1000" CssClass="InnerTextStyle" runat="server"
                                                                TextMode="MultiLine" Height="62px" Width="500px" ClientIDMode="Static">
                                                            </telerik:RadTextBox>
    What should be done to disable the end user to resize in Firefox?
  2. Kiran Kumar
    Kiran Kumar  avatar
    1 posts
    Member since:
    Oct 2010

    Posted 13 Feb 2012 Link to this post

    Is there anyone who can help us in this bug ?
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. BabaYa
    BabaYa avatar
    16 posts
    Member since:
    Dec 2011

    Posted 14 Feb 2012 Link to this post

    Hi

    U sure using radTextbox? I put MS text box and radtextbox and not able to reproduec issue. attached my image. here all my code:

    .InnerTextStyle
            {
                font-family: Verdana, Arial, Helvetica, sans-serif;
                color: black;
                font-size: 9pt;
            }

    <asp:ScriptManager runat="server">
            </asp:ScriptManager>
            RadTextBox
            <telerik:RadTextBox ID="txtTitle" MaxLength="1000" CssClass="InnerTextStyle" runat="server"
                TextMode="MultiLine" Height="62px" Width="500px" ClientIDMode="Static">
            </telerik:RadTextBox>
            <br/>
            TextBox
            <asp:TextBox ID="TextBox1" MaxLength="1000" CssClass="InnerTextStyle" runat="server"
                TextMode="MultiLine" Height="62px" Width="500px" ClientIDMode="Static">
            </asp:TextBox>

    Tanks
    BabaYa
  5. Perfect
    Perfect avatar
    40 posts
    Member since:
    Sep 2010

    Posted 15 Feb 2012 Link to this post

    InnerTextStyle
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;

        color: black;

        font-size:9pt;
    }

                               <telerik:RadTextBox ID="txtTitle" MaxLength="1000" CssClass="InnerTextStyle" runat="server"
                                                                TextMode="MultiLine" Height="62px" Width="500px" ClientIDMode="Static">
                                                            </telerik:RadTextBox>

    when viewed in page source :
      
    <!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>
        <title>Record Details </title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
        <style type="text/css">
            .reResizeCell
            {
                display: none !important;
            }
        </style>
    </head>
    <body id="bodyControl">
        <table width="100%">
    
            <tr>
                <td align="right">
                    <span id="ctl00_ContentPlaceHolder1_lblTitle"><b>Title</b></span><b>:</b>
                </td>
                <td align="left">
                    <span id="txtTitle_wrapper" class="RadInput RadInput_Default" style="white-space: nowrap;">
                        <textarea rows="2" cols="20" id="txtTitle_text" name="txtTitle_text" class="riTextBox riEnabled InnerTextStyle"
                            style="width: 500px; height: 62px;"></textarea><textarea id="txtTitle" name="ctl00$ContentPlaceHolder1$txtTitle"
                                class="rdfd_" style="visibility: hidden; margin: -18px 0 0 -1px; width: 1px;
                                height: 1px; overflow: hidden; border: 0; padding: 0;" cols="20" rows="2"></textarea><input
                                    id="txtTitle_ClientState" name="txtTitle_ClientState" type="hidden" /></span>
    
                </td>
            </tr>
        </table>
    </body>
    </html>
    
    tried with reResizeCell class even then did not change Let me know if we can do disable this by CSS.
  6. Answer
    Vasil
    Admin
    Vasil avatar
    1547 posts

    Posted 17 Feb 2012 Link to this post

    Hi,

    You could set the resize CSS property. Check this for more information:
    http://www.w3schools.com/cssref/css3_pr_resize.asp

    All the best,
    Vasil
    the Telerik team
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017