Solved

ajax combobox text area and arrow button not lined up.

Posted on 2013-05-22
4
740 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
VB.net SQLCommandBuilder Insert New Records From DataGridView 3 31
asp.net open new page without popup blocker 8 37
Code enhancement 4 33
UDP Data Capture Thread Issue 7 30
ASP.Net to Oracle Connectivity Recently I had to develop an ASP.NET application connecting to an Oracle database.As I am doing it first time ,I had to solve several problems. This article will help to such developers  to develop an ASP.NET client…
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…
Are you ready to implement Active Directory best practices without reading 300+ pages? You're in luck. In this webinar hosted by Skyport Systems, you gain insight into Microsoft's latest comprehensive guide, with tips on the best and easiest way…

749 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