Comboboxes overlapping issue RSS

• • Reply
  

  sconly

  Member

  62 Points

  112 Posts

  Comboboxes overlapping issue

  Feb 22, 2012 12:23 PM|LINK

  I have a webpage with a number of comboboxes, from the AJAX toolkit, and i'm having a bit of an issue with them.

  The issue is, as you can see from the attached image (combobox issue.jpg), that when I clicked the dropdown button (cbo2 - in the image) the list is displayed but when i click another dropdown button (cbo3) both lists are displiayed, i.e. the previous list doesn't dissappear.

  It get better, when a click another (3rd) dropdown button (cbo1) all 3 lists are displayed - (combobox issue2.jpg)

  Thanks

  combobox issue1: http://tinypic.com/r/33fgmiu/5

  combobox issue2: http://tinypic.com/r/20rrcyh/5

  • Edited by sconly on Feb 22, 2012 01:53 PM
• • Reply
  

  kedarrkulkar...

  All-Star

  34197 Points

  5490 Posts

  Re: Comboboxes overlapping issue

  Feb 22, 2012 12:33 PM|LINK

  thaths strange... can u post aspx code of this form.... is there any css class used for these dropdowns?

  Cheers!
  KK
  
  Please mark as Answer if post helps in resolving your issue
  My Site
• • Reply
  

  sconly

  Member

  62 Points

  112 Posts

  Re: Comboboxes overlapping issue

  Feb 22, 2012 01:47 PM|LINK

  aspx and css code below...

  aspx

  <table class="ppmtable">
          <tr>
              <td><asp:Label ID="Label2" runat="server" Text="Company: " CssClass="PPMtextBold" Width="100px"></asp:Label></td><td>
                  <asp:Label ID="Label9" runat="server" CssClass="PPMmandatoryParam" Text="*"></asp:Label>
                  <asp:ComboBox ID="cboMiCo" runat="server" AutoCompleteMode="Suggest"
                   DropDownStyle="DropDownList" Width="600px" CssClass="PPMtext">
              </asp:ComboBox>
              </td>
          </tr>
          <tr>
              <td><asp:Label ID="lblGangs" runat="server" Text="... or Gang: " CssClass="PPMtextBold"></asp:Label></td>
              <td><asp:Label ID="Label1" runat="server" CssClass="PPMmandatoryParam" Text="*"></asp:Label>
                  <asp:ComboBox ID="cboGangs" runat="server" CssClass="PPMtext" Width="200"
                   DropDownStyle="DropDownList" AutoCompleteMode="Suggest"></asp:ComboBox>
                  
                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  &nbsp;&nbsp;&nbsp;&nbsp;
                  
                  <asp:Label ID="Label7" runat="server" Text="Profile Type: " CssClass="PPMtextBold"></asp:Label>
                  <asp:Label ID="Label5" runat="server" CssClass="PPMmandatoryParam" Text="*"></asp:Label>
                  <asp:ComboBox ID="cboProfiles" CssClass="PPMtext" Width="250px"
                  runat="server" AutoCompleteMode="Suggest" DropDownStyle="DropDownList"></asp:ComboBox>
              </td>
          </tr>
          <tr>
              <td><asp:Label ID="Label6" runat="server" Text="Client Company: " CssClass="PPMtextBold"></asp:Label></td>
              <td><asp:Label ID="Label3" runat="server" CssClass="PPMoptionalParam" Text="*"></asp:Label>
                  <asp:ComboBox ID="cboClientCo" runat="server"
                   CssClass="PPMtext" Width="600px" AutoCompleteMode="Suggest"
                      DropDownStyle="DropDownList"></asp:ComboBox>
              </td>
          </tr>
          <tr>
              <td><asp:Label ID="Label8" runat="server" Text="Date: " CssClass="PPMtextBold"></asp:Label></td>
              <td><asp:Label ID="Label11" runat="server" CssClass="PPMmandatoryParam" Text="*"></asp:Label>
                  <asp:TextBox ID="txtDate" runat="server" onkeypress="return false;" CssClass="PPMtext"></asp:TextBox>
                  <asp:CalendarExtender ID="CalendarExtender2" runat="server" CssClass="PPMtext"
                      Enabled="True" Format="dd/MM/yyyy" TargetControlID="txtDate">
                  </asp:CalendarExtender>
                  <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server"
                  ControlToValidate="txtDate" ErrorMessage="Not a valid date" CssClass="PPMtext" ForeColor="Red"
                  ValidationExpression="^(([0-9])|([0-2][0-9])|(3[0-1]))\/(([1-9])|(0[1-9])|(1[0-2]))\/(([0-9][0-9])|([1-2][09][0-9][0-9]))$" >
                  </asp:RegularExpressionValidator></td>
          </tr>
      </table>

  css

  .PPMtext
  {
      font-family: Arial;
      font-size: 12px;
  }

• • Reply
  

  kedarrkulkar...

  All-Star

  34197 Points

  5490 Posts

  Re: Comboboxes overlapping issue

  Feb 22, 2012 02:13 PM|LINK

  yeah... i was able to see the issue... and searched a bit

  it seems this is known (reported) issue to Ajax team... see here

  http://ajaxcontroltoolkit.codeplex.com/workitem/22930

  there's a workaround referred by a user... (not so good)

  http://forums.asp.net/p/1740146/4689415.aspx

  hope this helps...

  Cheers!
  KK
  
  Please mark as Answer if post helps in resolving your issue
  My Site
• • Reply
  

  chetan.sarod...

  All-Star

  65729 Points

  11133 Posts

  Re: Comboboxes overlapping issue

  Feb 23, 2012 02:33 AM|LINK

  Please refer this similar issue

  http://forums.asp.net/p/1433595/3359364.aspx

  Chetan Sarode
  Senior Software Engineer,
  Approva Systems Pvt Ltd, Pune, India.