ComboBox -multiple Column -checkBox Design change with FireFox Browser

[seshaadhree]

Hi Telerik Team

I am getting the combo Box Design different in Chrome and Firefox and i haven't tried with other browsers  Check the ​attached image for clear idea.

Actually the design come perfect in chrome and  as coming to Firefox the text is displayed in next line.

Please help to solve this .

Thank You in Advance .

[Ivan Danchev]

Hello,

Please, isolate the ComboBox into a sample page demonstrating the issue and post it. This will give us an idea of your configuration and we will be able to test it in Chrome and Firefox and analyze the control's behavior. In case you are applying custom CSS in your project and it is needed in order to reproduce the problem, please post it as well.  

Regards,
Ivan Danchev
Telerik

[seshaadhree]

Hi

here the code for the combo box. and no Css applied .

 

<telerik:RadComboBox ID="rcDrawingReference" Width="350" runat="server" Filter="Contains" CheckBoxes="true"   AllowCustomText="false"  AutoPostBack="true"  NoWrap="true"  EmptyMessage="Select" CausesValidation="false" IsCaseSensitive="false">
                                              <HeaderTemplate>
                                                  <table>
                                                      <thead>
                                                          <tr>
                                                              <td>   </td>
                                                              <td style="width: 150px; font-weight: bold;">Quotation Code</td>
                                                              <td style="font-weight: bold;">Drawing Reference</td>
                                                          </tr>
                                                      </thead>
                                                  </table>
                                              </HeaderTemplate>
                                              <ItemTemplate>
                                                  <span style="display: inline-block; vertical-align: middle;">
                                                      <table>

                                                          <tr>
                                                              <td style="width: 150px;"><%# DataBinder.Eval(Container.DataItem, "QuotationCode")%>
                                                              </td>
                                                              <td><%# DataBinder.Eval(Container.DataItem, "DrawingReference")%>
                                                              </td>
                                                          </tr>
                                                      </table>
                                                  </span>
                                              </ItemTemplate>
                                          </telerik:RadComboBox>

Regards

Seshaadhree S

[Nencho]

Hello Seshaadhree,

In order to achieve the proper alignment, I would suggest you use the following css style rule:

<style type="text/css">
        .RadComboBoxDropDown label {
            float: left;
        }
    </style>

In addition, please note that the CheckBoxes feature is not supported along with the Filtering functionality. This is described in our help article below:

http://docs.telerik.com/devtools/aspnet-ajax/controls/combobox/functionality/checkbox-support

Regards,
Nencho
Telerik

[seshaadhree]

Hello  Nencho 

Thank you 

Working Well !

Regards 

Seshaadhree S