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

RadTextBox 100% problem chrome

5 Answers 124 Views

Input

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

Rudá Cunha asked on 14 Feb 2011, 03:38 PM

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">

<html xmlns="http://www.w3.org/1999/xhtml">

<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!

5 Answers, 1 is accepted

answered on 14 Feb 2011, 05:59 PM

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>

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

RadTextBox 100% problem chrome

5 Answers, 1 is accepted