?
Solved

ajax combobox text area and arrow button not lined up.

Posted on 2013-05-22
4
Medium Priority
?
772 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

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Calculating holidays and working days is a function that is often needed yet it is not one found within the Framework. This article presents one approach to building a working-day calculator for use in .NET.
If you need to start windows update installation remotely or as a scheduled task you will find this very helpful.
Monitoring a network: how to monitor network services and why? Michael Kulchisky, MCSE, MCSA, MCP, VTSP, VSP, CCSP outlines the philosophy behind service monitoring and why a handshake validation is critical in network monitoring. Software utilized …
Have you created a query with information for a calendar? ... and then, abra-cadabra, the calendar is done?! I am going to show you how to make that happen. Visualize your data!  ... really see it To use the code to create a calendar from a q…
Suggested Courses

764 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