[Solved] GridDropDownColumn width

[Eliyahu Goldin]

How can I limit the dropdown width in edit mode?

<telerik:GridDropDownColumn DataField="Justification" HeaderText="Align" UniqueName="Align"

DataSourceID="xdsAligns" ListTextField="Text" ListValueField="Value"

DropDownControlType="RadComboBox" 

EnableEmptyListItem="false" ItemStyle-Width="9ex" />

[Shinu]

Hi Eliyathu Goldin,

Try the following code snippet for setting the width of dropdowncolumn in editmode.

CS:

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
{
    if(e.Item is GridDataItem && e.Item.IsInEditMode)
    {
        GridDataItem item = (GridDataItem)e.Item;
        RadComboBox combo = (RadComboBox)item["Align"].Controls[0]; // Access the radcombobox in EditMode
        combo.Width = Unit.Pixel(200); // Set the width
    }
}

-Shinu

[Eliyahu Goldin]

Thanks Shinu,

This works, but having declarative property for dropdowns in Edit mode will make more sense.

Telerik, if you watch this conversation, can you consider it as a feature request?

[Princy]

Hello Eliyahu,

If you want to get this done declaratively, then you can make use of the column editors, which enables you to easily customize the look of the controls for columns that are in EditMode. You can set the editors for various columns declaratively by setting the ColumnEditorID property of the corresponding column to the ID of the custom column editor. Refer to the follwing help document for more information on this.

Thanks
Princy.

[john]

    <telerik:RadGrid ID="LayerMOAAccessoryGrid" runat="server" DataSourceID="LayerMOAAccessoryDatasource"
        GridLines="None" AutoGenerateDeleteColumn="True" OnDeleteCommand="Grid_DeleteCommand">
        <MasterTableView AutoGenerateColumns="False" DataKeyNames="LayerMOAAccessoryID" DataSourceID="LayerMOAAccessoryDatasource"
            AllowAutomaticInserts="true" AllowAutomaticUpdates="true" CommandItemDisplay="Top">
            <RowIndicatorColumn>
                <HeaderStyle Width="20px"></HeaderStyle>
            </RowIndicatorColumn>
            <ExpandCollapseColumn>
                <HeaderStyle Width="20px"></HeaderStyle>
            </ExpandCollapseColumn>
            <Columns>
                <telerik:GridDropDownColumn DataField="LayerMOAID" UniqueName="LayerMOAID" DataSourceID="LayerMOADatasource"
                    ListValueField="LayerMOAID" ListTextField="Name" HeaderText="Layer / MOA" ColumnEditorID="LayerMOAIDColumnEditor" />
                <telerik:GridDropDownColumn DataField="ProductProfileID" UniqueName="ProductProfileID"
                    DataSourceID="ProductProfileDatasource" ListValueField="ProductProfileID" ListTextField="Name"
                    HeaderText="Accessory" ColumnEditorID="ProductProfileIDColumnEditor" />
            </Columns>
        </MasterTableView>
    </telerik:RadGrid>
    <telerik:GridDropDownListColumnEditor ID="LayerMOAIDColumnEditor" DropDownStyle-Width="400"
        runat="server" />
    <telerik:GridDropDownListColumnEditor ID="ProductProfileIDColumnEditor" DropDownStyle-Width="400"
        runat="server" />