Hello,
The WebDropDown seems to be enforcing a minimum width of about 180 pixels in Safari. The following code displays an 80px width in IE and FF, but about 180 px in Safari.
<ig:WebDropDown ID="icbYear" runat="server" DisplayMode="DropDownList" StyleSetPath="~/ig_res/" StyleSetName="Office2007Blue" EnableDropDownAsChild="False" DropDownContainerHeight="0px" DropDownContainerWidth="80px" EnableAnimations="False" DropDownContainerMaxHeight="300px" Font-Bold="False" AutoPostBack="True" onselectionchanged="icbYear_SelectionChanged" Width="80px" EnableRenderingAnchors="False"> </ig:WebDropDown>
The only way I have found to get a smaller width in Safari is to edit the ig_dropdown.css file for
.igdd_Office2007BlueValueDisplay{ background-color:Transparent; font-weight:normal; font-size:10pt; font-family: Verdana, Arial, Helvetica, sans-serif; border-width:0px; width: 100%; z-index: 0;}
Setting width to an explicit value like 80px works in Safari. However, this solution does not work for multiple WebDropDowns that are different widths.
Does anyone know how to to get the WebDropDown to accept smaller widths in Safari? Thanks for your help.
The following changes to the ig_dropdown.css file appear to make it render and behave correctly in Safari, without breaking anything in IE or FF.
Add "width: 100%; " to each of these 3 styles: .igdd_Office2007BlueControlFocus, .igdd_Office2007BlueControlArea, .igdd_Office2007BlueValueDisplayTable.