Setting GridViewComboBoxColumn drop down width

[Akshatha]

I'm facing the following problem

I am using the RadGridView control and one of the column is of type GridViewComboBoxColumn. When the comboBox column is expanded the drop down list width is not aligned with combobox column width. The drop down width changes according to the size(length) of the items present in the drop down.But i want the drop down width to be aligned with the comboBox column width and it shouldn't resize as per the items present in the drop down. 
  

[Vanya Pavlova]

Hello Akshatha,

 


You may use the approach demonstrated at the following forum thread "How to specify width of GridViewComboBoxColumn drop down". The same is applicable to WPF as well. 



Please take a look at it and if you need any further assistance do not hesitate to contact us! 

Kind regards,
Vanya Pavlova
the Telerik team

[Akshatha]

Hello Vanya,

I tried using the solution

<telerik:RadGridView Grid.Row="1" x:Name="radGridView"  x:FieldModifier="public"  RowIndicatorVisibility="Collapsed"  ShowGroupPanel="False" AutoGenerateColumns="False" CanUserDeleteRows="False" CanUserInsertRows="False" CanUserReorderColumns="False" CanUserFreezeColumns="False" CanUserResizeColumns="False" IsFilteringAllowed="False" IsScrolling="False" Margin="4,1,4,2" HorizontalGridLinesBrush="Gray" VerticalGridLinesBrush="Gray" CanUserSelect="True" Background="White"  CellValidating="GridCellValidating"  >
          <telerik:RadGridView.Columns >
                <telerik:GridViewDataColumn  x:FieldModifier="public" x:Name="textBoxColumn" Width="150" IsReadOnly="True" IsEnabled="False" Background="LightGray" />
                <telerik:GridViewComboBoxColumn x:FieldModifier="public" x:Name="comboColumn"  Width="*" >
                    <telerik:GridViewComboBoxColumn.Resources>
                        <Style TargetType="telerik1:RadComboBoxItem">
                            <Setter Property="MaxWidth" Value="10"/>                           
                        </Style>
                    </telerik:GridViewComboBoxColumn.Resources>
                </telerik:GridViewComboBoxColumn>
            </telerik:RadGridView.Columns>
        </telerik:RadGridView>

But its still not working.

[Vanya Pavlova]

Hi Akshatha,

 

It would be better if you move this style in other ResourceCollection, not to the ResourceCollection of a column. I have defined the style within Window's ResourceCollection and everything works fine by my side, please refer to the attached picture.  If you need any further modification, you should predefine the template of RadComboBox as proposed in the previously referenced forum thread. 


Please let me know how this works for you! 

Kind regards,
Vanya Pavlova
the Telerik team

[Akshatha]

Hi Vanya,

Thanks,it works fine now! :)

[Akshatha]

Hi Vanya,

Now since the width is fixed,the entire text of combobox item is not visible in the drop down of combobox, is there any possible way to have horizontal scrollbar,so that user can scroll horizontally and see the complete name of the item?

[Valeri Hristov]

Hi Akshatha,

To this you need to create a completely new template for RadComboBox, where the HorizontalScrollBarVisibility of the inner ScrollViewer should be set to Auto (it is Disabled by default). A general article about editing control templates can be found here:
http://www.telerik.com/help/silverlight/common-styling-appearance-edit-control-templates-blend.html

Kind regards,
Valeri Hristov
the Telerik team