RadTextBox 100% problem chrome

6 posts, 0 answers
  1. Rudá Cunha
    Rudá Cunha avatar
    56 posts
    Member since:
    Mar 2010

    Posted 14 Feb 2011 Link to this post

    I'm having a problem with the chrome RadTextBox 100%.
    He did not display the field. As if I had to be hidden.

    Version: 2010.3.1109.40

    Sample code used:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        </telerik:RadScriptManager>
        <table width="500px">
            <tr>
                <td>
                    <telerik:RadTextBox ID="RadTextBox1" runat="server" Skin="Vista" Width="100%">
                    </telerik:RadTextBox>
                </td>
            </tr>
        </table>
        </form>
    </body>
    </html>


    This is happening after an upgrade of the chrome.
    In other browsers this problem does not happen!
  2. Steve
    Steve  avatar
    4 posts
    Member since:
    Jun 2008

    Posted 14 Feb 2011 Link to this post

    I am having the same problem, and Rudá is correct, this is only happening in the latest version of Chrome and happens even with the latest version of Rad Controls for Ajax.  I validated this problem on Windows XP SP3 and Windows 7 x64.  On either operating system with Chrome version 8.0.552.237 everything is fine, with the latest version of Chrome 9.0.597.98.  This needs to be fixed ASAP!  Here is my html:

    <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
        <style type="text/css">
            .rscLinkImg
            {
                background-image: url(/images/tc/buttons/SpellCheck.gif);
                background-repeat: no-repeat;
                width: 20px;
                height: 20px;
                display: block;
                outline: none;
                border: 1px solid #404040;
                background-color: #ebebeb;
            }
        </style>
        <telerik:RadScriptBlock ID="radScriptBlock2" runat="server">
            <script type="text/javascript">
                function SpellCheckDone()
                {
                    var txt1 = $find("<%= txtQuestion.ClientID %>");
                    var txt2 = $find("<%= txtAnswer1.ClientID %>");
                    var txt3 = $find("<%= txtFoil.ClientID %>");
                    var txt4 = $find("<%= txtObjective.ClientID %>");
                    txt1.updateDisplayValue();
                    txt2.updateDisplayValue();
                    txt3.updateDisplayValue();
                    txt4.updateDisplayValue();
                }
            </script>
        </telerik:RadScriptBlock>
    </asp:Content>
    <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
        <div class="form-section">  
            <telerik:RadSpell
              ID="RadSpell1"
              runat="server"
              ButtonType="ImageButton"
              ButtonText=""
              Skin="Hay"
              SpellCheckProvider="PhoneticProvider"
              SupportedLanguages="en-US,English"
              FragmentIgnoreOptions="All"
              OnClientDialogClosed="SpellCheckDone" ToolTip="Check Spelling"  />
        </div>
        <div class="form-section">  
            <label><span class="Required">*</span>Column 1:</label>
            <telerik:RadTextBox ID="txtQuestion" runat="server" Width="100%" Skin="Hay"></telerik:RadTextBox>
        </div>
        <div class="form-section">  
            <label><span class="Required">*</span>Column 2:</label>
            <telerik:RadTextBox ID="txtAnswer1" runat="server" Width="100%" Skin="Hay"></telerik:RadTextBox>
        </div>
        <div class="form-section">  
            <label>Foil:</label>
            <telerik:RadTextBox ID="txtFoil" runat="server" Width="100%" Skin="Hay"></telerik:RadTextBox>
        </div>
            <div class="form-section">  
            <label>Objective:</label>
            <telerik:RadTextBox ID="txtObjective" runat="server" Width="100%" Skin="Hay"></telerik:RadTextBox>
        </div>
        <div class="form-section">  
            <label>Difficulty:</label>
            <asp:DropDownList ID="ddlLevel" runat="server">
                <asp:ListItem Text="1" Value="1" Selected="True"></asp:ListItem>
                <asp:ListItem Text="2" Value="2"></asp:ListItem>
                <asp:ListItem Text="3" Value="3"></asp:ListItem>
                <asp:ListItem Text="4" Value="4"></asp:ListItem>
                <asp:ListItem Text="5" Value="5"></asp:ListItem>
            </asp:DropDownList>
        </div>
        <div class="form-section">
           <label><span class="Required">*</span>Required field</label>
           <asp:ValidationSummary ID="ValidationSummary1" runat="server" HeaderText="The following errors need to be corrected" Font-Size="Small" />
        </div>
        <div style="display:none;">
            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="You must provide a Column 1." ControlToValidate="txtQuestion" Display="Dynamic"></asp:RequiredFieldValidator>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="You must provide a Column 2." ControlToValidate="txtAnswer1" Display="Dynamic"></asp:RequiredFieldValidator>
        </div>
    </asp:Content>

  3. Pavlina
    Admin
    Pavlina avatar
    6187 posts

    Posted 15 Feb 2011 Link to this post

    Hello,

    The described problem is a known browser issue in the new version of Chrome. You can vote in the link below to affect the priority of the problem:
    http://code.google.com/p/chromium/issues/detail?can=2&q=72439&colspec=ID%20Stars%20Pri%20Area%20Feature%20Type%20Status%20Summary%20Modified%20Owner%20Mstone%20OS&id=72439

    All the best,
    Pavlina
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  4. Rudá Cunha
    Rudá Cunha avatar
    56 posts
    Member since:
    Mar 2010

    Posted 15 Feb 2011 Link to this post

    Link does not work
  5. Sebastian
    Admin
    Sebastian avatar
    9934 posts

    Posted 15 Feb 2011 Link to this post

    Hi Steve ,

    Strange..it did not work when I directly clicked the link but opened the relevant page when I copy/pasted the url string in the browser address bar.

    Kind regards,
    Sebastian
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  6. Rudá Cunha
    Rudá Cunha avatar
    56 posts
    Member since:
    Mar 2010
Back to Top