Solved

ajax combobox text area and arrow button not lined up.

Posted on 2013-05-22
4
748 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

Online Training Solution

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action. Forget about retraining and skyrocket knowledge retention rates.

Question has a verified solution.

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

I recently went through the process of creating a Calendar Control of events with the basis of using a database to keep track of the dates that are selectable, one requirement was to have the selected date pop-up in a simple lightbox.  At first this…
Problem Hi all,    While many today have fast Internet connection, there are many still who do not, or are connecting through devices with a slower connect, so light web pages and fast load times are still popular.    If your ASP.NET page …
With Secure Portal Encryption, the recipient is sent a link to their email address directing them to the email laundry delivery page. From there, the recipient will be required to enter a user name and password to enter the page. Once the recipient …
The Email Laundry PDF encryption service allows companies to send confidential encrypted  emails to anybody. The PDF document can also contain attachments that are embedded in the encrypted PDF. The password is randomly generated by The Email Laundr…

739 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