Unable to pick the first option

5 posts, 0 answers
  1. Kenneth Lo
    Kenneth Lo avatar
    3 posts
    Member since:
    Jul 2008

    Posted 08 Oct 2008 Link to this post

    We have a RadComboBox and the data is populated in the code-behind C# page. We are unable to select the first option in the dropdown without previously picking any other item. After which, the first item becomes "unlocked". This issue is particularly problematic when there is only option in the dropdown.

    Has anyone encountered and fixed this? Many thanks in advance.

    P.S. This only happens in IE7. Firefox runs without any issue.

  2. Serrin
    Serrin avatar
    286 posts
    Member since:
    Sep 2008

    Posted 08 Oct 2008 Link to this post

    Hey Kenneth,

    Would you mind posting your source code for this?  I actually set up the same thing today (combo + code-behind population) and the ComboBox automatically sets the first item as the selected item when the page displays, no problems picking anything from the get-go.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Kenneth Lo
    Kenneth Lo avatar
    3 posts
    Member since:
    Jul 2008

    Posted 09 Oct 2008 Link to this post

    Hi Serrin: Thanks for your reply. Below is the front-end code.

    Ken



    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Profile.aspx.cs" Inherits="EMS2AJAX.Profile" %>

    <%@ Register Assembly="Telerik.Web.UI, Version=2008.1.619.20, Culture=neutral, PublicKeyToken=xxxxxxxxxxxxxxxx"
        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">
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
    <div style="font-family: Tahoma">
    <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Vista" />
    <h1>Update Department Information</h1>
        In order to provide users with the easiest routing information, it is important for us to have accurate information about your Organization. Please update your Department. It may take up to 24 hours before your new department information is
            available throughout the system.&nbsp;<br />
           <table>
    <tr id="department">
    <td style="height: 59px" headers="department list">
    <telerik:RadComboBox ID="RadComboBox1" runat="server" Width="300px" >
    <CollapseAnimation Duration="200" Type="OutQuint" />
    </telerik:RadComboBox>   
    </td>
    <td style="height: 59px" headers="save department">
    <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Update" />
    </td>
    </tr>
    </table>
    </div>
        </form>
    </body>
    </html>
  5. Serrin
    Serrin avatar
    286 posts
    Member since:
    Sep 2008

    Posted 09 Oct 2008 Link to this post

    Hey Ken,

    Well, I can't attach anything, so here is my version of that (had to change Telerik declaration up top, I am demo'ing the Q2 '08 build):

    ASPX
    <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %> 
     
    <%@ 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 id="Head1" runat="server">  
        <title>Untitled Page</title> 
    </head> 
    <body> 
        <form id="form1" runat="server">  
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server" /> 
    <div style="font-family: Tahoma">  
    <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Vista" /> 
    <h1>Update Department Information</h1> 
        In order to provide users with the easiest routing information, it is important for us to have accurate information about your Organization. Please update your Department. It may take up to 24 hours before your new department information is  
            available throughout the system.&nbsp;<br /> 
           <table> 
    <tr id="department">  
    <td style="height: 59px" headers="department list">  
    <telerik:RadComboBox ID="RadComboBox1" runat="server" Width="300px" > 
    <CollapseAnimation Duration="200" Type="OutQuint" /> 
    </telerik:RadComboBox>     
    </td> 
    <td style="height: 59px" headers="save department">  
    <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Update" /> 
    </td> 
    </tr> 
    </table> 
    </div> 
        </form> 
    </body> 
    </html> 

    ASPX.CS
    using System;  
    using System.Collections.Generic;  
    using System.Linq;  
    using System.Web;  
    using System.Web.UI;  
    using System.Web.UI.WebControls;  
    using Telerik.Web.UI;  
     
    public partial class _Default : System.Web.UI.Page   
    {  
        protected void Page_Load(object sender, EventArgs e)  
        {  
            if (!IsPostBack)  
            {  
                for (int x = 0; x < 10; x++)  
                {  
                    RadComboBoxItem rbi = new RadComboBoxItem();  
                    rbi.Text = "Item " + x.ToString();  
                    rbi.Value = "Item" + x.ToString();  
                    RadComboBox1.Items.Add(rbi);  
                }  
            }  
        }  
        protected void Button1_Click(object sender, EventArgs e)  
        {  
            //nothing here :)  
        }  
    }  
     

    Everything works as expected... so I am starting to think it has something to do with the Q1 release.  Any chance you have a subscription and can download the newest release to test that out? :D
  6. Kenneth Lo
    Kenneth Lo avatar
    3 posts
    Member since:
    Jul 2008

    Posted 09 Oct 2008 Link to this post

    Since the original code worked in Firefox, I started stripping off HTML and determined the table tags were causing the issue. Once I removed the table tags, it worked correctly in both IE & FF. Serrin, thanks for checking the code with the Q2 build. I will definitely check it out.
     


    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
    <div style="font-family: Tahoma">
    <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Vista" />
    <h1>Update Department Information</h1>
    In order to provide users with the easiest routing information, it is important for us to have accurate information about your Organization. Please update your Department. It may take up to 24 hours before your new department information is
    available throughout the system.&nbsp;<br />
    <br />
    <asp:CompareValidator ValueToCompare="Please select a department" Operator="NotEqual" ControlToValidate="RadComboBox1" ErrorMessage="Please select a department" runat="server" ID="Comparevalidator1" />
    <br />
    <telerik:RadComboBox ID="RadComboBox1" runat="server" Width="300px" AppendDataBoundItems="true">
    <CollapseAnimation Duration="200" Type="OutQuint" />
    <Items>
    <telerik:RadComboBoxItem runat="server" Text="Please select a department" />
    </Items>
    </telerik:RadComboBox>
    &nbsp;
    <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Update" />
    </div>
    </form>
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017