Solved

ajax combobox text area and arrow button not lined up.

Posted on 2013-05-22
4
725 Views
Last Modified: 2013-06-02
Below is code I have for an ajaxtoolkit:combobox.  The arrow button is not lined up with the text box area of the combo box and it seems to be competely separate.

Obviously I want it to line up.  Can anyone tell me why this is happening?

Thanks

<ajaxToolkit:ComboBox ID="ddnMETRIC_NAME" runat="server" AutoPostBack="true"
                BackColor="#EEEEEE" BorderColor="#336699" BorderStyle="Inset"
                BorderWidth="2" DropDownStyle="DropDown" Font-Bold="True" Font-Names="Arial"
                Font-Size="10" ForeColor="#003366" AutoCompleteMode="SuggestAppend" Width="100%"
                RenderMode="Block">
                <asp:ListItem>1</asp:ListItem>
                <asp:ListItem>2</asp:ListItem>  
                <asp:ListItem>3</asp:ListItem>
                <asp:ListItem>4</asp:ListItem>                              
                </ajaxToolkit:ComboBox>
ComboBox.PNG
0
Comment
Question by:rckrch
  • 3
4 Comments
 
LVL 16

Expert Comment

by:Rose Babu
ID: 39197476
The problem might be in the CSS you used on the same page.
<ajaxToolkit:ComboBox ID="ddnMETRIC_NAME" runat="server" AutoPostBack="true" BackColor="#EEEEEE"
      BorderColor="#336699" BorderStyle="Inset" BorderWidth="2" DropDownStyle="DropDown"
      Font-Bold="True" Font-Names="Arial" Font-Size="10" ForeColor="#003366" AutoCompleteMode="SuggestAppend"
      Width="100%" RenderMode="Block">
      <asp:ListItem>1</asp:ListItem>
      <asp:ListItem>2</asp:ListItem>
      <asp:ListItem>3</asp:ListItem>
      <asp:ListItem>4</asp:ListItem>
</ajaxToolkit:ComboBox>
This control is rendered correctly. Can you check the CSS used on the same page once.

Use FireBug in firefox to check and change the css value at runtime.
0
 

Author Comment

by:rckrch
ID: 39202718
I know nothing about firefox.  IE is the only browser used.
0
 

Accepted Solution

by:
rckrch earned 0 total points
ID: 39202726
I have already solved thei problem by changing rendering parameter from inline to block.
0
 

Author Closing Comment

by:rckrch
ID: 39214113
Solved
0

Featured Post

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

A quick way to get a menu to work on our website, is using the Menu control and assign it to a web.sitemap using SiteMapDataSource. Example of web.sitemap file: (CODE) Sample code to add to the page menu: (CODE) Running the application, we wi…
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
This Micro Tutorial will give you a basic overview how to record your screen with Microsoft Expression Encoder. This program is still free and open for the public to download. This will be demonstrated using Microsoft Expression Encoder 4.
Two types of users will appreciate AOMEI Backupper Pro: 1 - Those with PCIe drives (and haven't found cloning software that works on them). 2 - Those who want a fast clone of their boot drive (no re-boots needed) and it can clone your drive wh…

815 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now