I believe I found a solution for you. The problem starts with the jquery custom ui css. I found that the dropdownlist was inheriting from somewhere. I traced it in the css file to
ui-widget select and removed only the ui-widget select from the css. It works fine now. I just dont no what effect it will have on any other control bust so far it seems to be working
I think the whole problem is with the css that you are applying to your dropdown control. check and see if you are using any skin themes if so then first set enabletheming to false and see if it works. Even then if it is not working then it means that there
is some width of drop down is being set. its better to trace the css in firefox firbug editor and find out the problem
I used Firefox and that is how I traced it to the jquery CSS. Originally thought it might be a skin causing the problem but it does not seem to be so. I will try it again just to confirm and get back to you with an answer.
You have to increase the width of the dropdownlist. By default the IE will cut of the option part it the with of the option is more than the dropdown width.
Thanks & Regards
Anup Das Gupta
Mark as Answer if you feel so. Visit My Blog
if you could increase the width of dropdownlist then it might solve the issue if the country list in the database is in correct form because of short width rest of the country name is hidden but it will be shown on dropdownlist is expanded
In case of IE this is not possible with dropdown. Other browser autometically adjust the option width th show all the width.
As the data is database driven you should not set any specific width to the dropdown and let the browser decide what width it will take. But if you want to set a specific width to the DDL and also want the option should be visible. Then In IE its not possible.
You should go with some other design for this. May be UL and LI tag with some custom css based dropdown list.
Thanks & Regards
Anup Das Gupta
Mark as Answer if you feel so. Visit My Blog
sg48asp
Member
322 Points
475 Posts
Dropdown list inside jquery tabs not populated correctly
Feb 14, 2012 02:57 PM|LINK
I have a drop down list for Countries.
On page load the drop down list should have a value of 'United States of America'
However what I see is 'United States of'
The 'America' is missing
If I expand the list I then can see 'United States of America' , which if I select it, - displays correctly.
rkchaudary
Contributor
2524 Points
545 Posts
Re: Dropdown list inside jquery tabs not populated correctly
Feb 15, 2012 04:47 AM|LINK
check on page load / document.ready, the value being set to the drop down list.
may be you are setting 'United States of'
RkChaudary
blog
sg48asp
Member
322 Points
475 Posts
Re: Dropdown list inside jquery tabs not populated correctly
Feb 15, 2012 12:03 PM|LINK
Thanks for responding.
I don't think so. I call Populate DdlCountries from Page Load.
Someone has told me there is a bug with the jquery tab control. if i move the dropdown outside the tab then it works properly
Protected Sub PopulateDdlCountries() Dim dt As New DataTable dt = cf.GetCountries() ddlCountriesP1_E.AppendDataBoundItems = True ddlCountriesP1_E.DataValueField = "CountryID" ddlCountriesP1_E.DataTextField = "Country" ddlCountriesP1_E.DataSource = dt ddlCountriesP1_E.DataBind()wstevens.sa
Member
4 Points
7 Posts
Re: Dropdown list inside jquery tabs not populated correctly
Mar 31, 2012 06:14 AM|LINK
Hi sg48asp
I believe I found a solution for you. The problem starts with the jquery custom ui css. I found that the dropdownlist was inheriting from somewhere. I traced it in the css file to ui-widget select and removed only the ui-widget select from the css. It works fine now. I just dont no what effect it will have on any other control bust so far it seems to be working
Hope this helps!
ceenu4u
Member
98 Points
29 Posts
Re: Dropdown list inside jquery tabs not populated correctly
Mar 31, 2012 06:55 AM|LINK
I think the whole problem is with the css that you are applying to your dropdown control. check and see if you are using any skin themes if so then first set enabletheming to false and see if it works. Even then if it is not working then it means that there is some width of drop down is being set. its better to trace the css in firefox firbug editor and find out the problem
wstevens.sa
Member
4 Points
7 Posts
Re: Dropdown list inside jquery tabs not populated correctly
Mar 31, 2012 12:25 PM|LINK
sg48asp
Member
322 Points
475 Posts
Re: Dropdown list inside jquery tabs not populated correctly
Mar 31, 2012 12:40 PM|LINK
Thanks for responding. I do use skins but don't have one for the dropdown.
asteranup
All-Star
30184 Points
4906 Posts
Re: Dropdown list inside jquery tabs not populated correctly
Apr 02, 2012 10:33 AM|LINK
Hi,
You have to increase the width of the dropdownlist. By default the IE will cut of the option part it the with of the option is more than the dropdown width.
Anup Das Gupta
Mark as Answer if you feel so. Visit My Blog
newbiefreak
Member
468 Points
217 Posts
Re: Dropdown list inside jquery tabs not populated correctly
Apr 02, 2012 10:48 AM|LINK
if you could increase the width of dropdownlist then it might solve the issue if the country list in the database is in correct form because of short width rest of the country name is hidden but it will be shown on dropdownlist is expanded
asteranup
All-Star
30184 Points
4906 Posts
Re: Dropdown list inside jquery tabs not populated correctly
Apr 02, 2012 10:54 AM|LINK
Hi,
In case of IE this is not possible with dropdown. Other browser autometically adjust the option width th show all the width.
As the data is database driven you should not set any specific width to the dropdown and let the browser decide what width it will take. But if you want to set a specific width to the DDL and also want the option should be visible. Then In IE its not possible. You should go with some other design for this. May be UL and LI tag with some custom css based dropdown list.
Anup Das Gupta
Mark as Answer if you feel so. Visit My Blog