One more thing to note. I added the following line of code:

e.Layout.Bands(0).Columns(2).VaueList.Style.Width = "200px"

with no effect when using eitehr IE8 or IE9.

Hello,

You can set a CssClass for the ValueList of a particular DropDown column like this:

UltraWebGrid1.Columns.FromKey("DropDownCol").ValueList.Style.CssClass = "grid_valuelist";

And the style should be something like this:

<style type="text/css">
    .grid_valuelist { width: 120px !important;}
</style>

Please let me know if this helps.

Thank you for sharing your solution with the community.

If you have any other questions please feel free to contact me.

Thanks Nikolay. I have actually come up with the perfect solution for my application. Instead of using a style sheet or DisplayMember / ValueMember properties, I manually built the valuelist from my dataview using valuelistitems.add("ValueString","DisplayString") and it works perfectly. Sample code follows:

Private Sub RefreshPersonnelDropDown()

        ' Define the variables.

        Dim intCounter As Integer

        Dim dvwValueList As DataView

        Dim vList As New Infragistics.WebUI.UltraWebGrid.ValueList()

        Me.WebGridName.Columns(2).ValueList = vList

        Dim EmpNmList As Infragistics.WebUI.UltraWebGrid.ValueList = Me.WebGridName.Columns(2).ValueList

        Try

           ‘ dvwValueList is a dataview already created.

            Me.WebGridName.Columns(2).ValueList.ValueMember = "dvwValueList"

            ' Make the name column a drop down list containing employee names.

            ' The left truncated value of the field appears in the valuelist display; the full string is the value that gets used.

            Me.WebGridName.Columns(2).Type = Infragistics.WebUI.UltraWebGrid.ColumnType.DropDownList

            intCounter = 0

            For Each rowView As DataRowView In dvwValueList

                Dim row As DataRow = rowView.Row

                EmpNmList.ValueListItems.Add(dvwValueList.Table.Rows(intCounter).Item("FullName").ToString(), Left(dvwValueList.Table.Rows(intCounter).Item("FullName").ToString(), 50))

                intCounter = intCounter + 1

            Next

            Me.WebGridName.DisplayLayout.Bands(0).Columns(2).ValueList = EmpNmList

            Me.WebGridName.DisplayLayout.Bands(0).Columns(2).ValueList.DisplayStyle = Infragistics.WebUI.UltraWebGrid.ValueListDisplayStyle.DisplayText

        Catch Ex As Exception

            System.Diagnostics.Debug.WriteLine("Error:" & Ex.Message)

        End Try

    End Sub

Hi megryan,

I have tested the approach I suggested and it was working under IE9 too. I am using v11.1.20111.2178. I would suggest you to upgrade your product to a newer version.

I've also tried the following approach. This procedure is called to intialize the drop-down list. My hope was that I could display the first 40 characters of the FullName field in the drop-down list instead of the full width of the FullName field and then place the entire FullName string in the cell once the choice was made from the 40 character wide drop down list. Unfortunately, this logic does not seem to do anything. In IE9, the full field width displays in the drop-down valuelist instead of the 1st 40 characters. I may not understand the correct use of DisplayMember and ValueMember.

    Private Sub RefreshDropDown()

         Dim dvwValueList As DataView

        Try

            ' Make the name column a drop down list containing employee names.

            Me.dgrLaborDetail.Columns(2).Type = Infragistics.WebUI.UltraWebGrid.ColumnType.DropDownList

            Dim Category As Infragistics.WebUI.UltraWebGrid.ValueList = Me.dgrLaborDetail.Columns(2).ValueList

           ‘ Session("dvwEmplDesc") is a previously defined data view.

            dvwValueList = Session("dvwEmplDesc")

            Category.DataMember = "dvwValueList"

            Category.DisplayMember = Left(dvwValueList.Table.Columns("FullName").ToString, 40)

            Category.ValueMember = dvwValueList.Table.Columns("FullName").ToString

            Category.DisplayStyle = Infragistics.WebUI.UltraWebGrid.ValueListDisplayStyle.NotSet

            Category.DataSource = dvwValueList

            Category.DataBind()

        Catch Ex As Exception

            System.Diagnostics.Debug.WriteLine("Error:" & Ex.Message)

        End Try

    End Sub

Thank you for the suggestion. I added this code to the page and got the results I was l;ooking for when I open the project using IE8; however, when I open the same project under IE9, the width of the drop-down list expands to the full size of the field when I click the drop-down list down-arrow. It's this behavior under IE9 that I was trying to correct in the first place. The IE8 drop-down looks acceptable without taking any action. Note that I am using UltraWebGrid 10.2 and have loaded the Infragistics 10.2 service pack to fix IE9 issues.