RadDropDownButton within RadGridViewDataColumn

[Scott Nolen]

I have a RadDropDownButton within a RadGridViewDataColumn. See the screenshots attached to see the undesired behavior. What I want is for the Row Height to never increase and the dropdown data to drop over the rows below it like a combo box works. The way i have it set up the Row height expands to accomodate the data within the dropdown. I want it to act as an overlay.

Screen1.jpg : Shows before selecting anything on the grid.
Screen2.jpg : Shows the Grid after selecting the email address on first row for editing.
Screen3.jpg : Shows after the DropDown has been clicked and the content grid is populated.

Markup:

<

 

 

telerikGridView:GridViewDataColumn Width="600" DataMemberBinding="{Binding emailaddress}" >

 

 

 

 

<telerikGridView:GridViewDataColumn.CellTemplate>

 

 

 

 

<DataTemplate>

 

 

 

 

<StackPanel Orientation="Horizontal">

 

 

 

 

<TextBlock Name="myemailDrop" Text="{Binding emailaddress}" Width="300" TextAlignment="Left" />

 

 

 

 

</StackPanel>

 

 

 

 

</DataTemplate>

 

 

 

 

</telerikGridView:GridViewDataColumn.CellTemplate>

 

 

 

 

<telerikGridView:GridViewDataColumn.CellEditTemplate>

 

 

 

 

<DataTemplate>

 

 

 

 

<StackPanel Orientation="Horizontal">

 

 

 

 

<TextBox Name="myemailDropEdit" Text="{Binding emailaddress, Mode=TwoWay}" Width="300" HorizontalAlignment="Left" />

 

 

 

 

 

<telerik:RadDropDownButton Name="btnDropEmailAddresses" VerticalAlignment="Center" Width="300" Click="btnDropEmailAddresses_Click" >

 

 

 

 

<telerik:RadDropDownButton.Content>

 

 

 

 

<telerikGridView:RadGridView x:Name="gvCustAddresses"

 

 

 

ItemsSource="{StaticResource AddressList}"

 

 

 

IsFilteringAllowed="False"

 

 

 

ShowGroupPanel="False"

 

 

 

ShowColumnFooters="True"

 

 

 

CanUserResizeColumns="False"

 

 

 

CanUserFreezeColumns="False"

 

 

 

CanUserReorderColumns="False"

 

 

 

CanUserSortColumns="False"

 

 

 

CanUserInsertRows="False"

 

 

 

CanUserDeleteRows="False"

 

 

 

AutoGenerateColumns="False"

 

 

 

 

IsSynchronizedWithCurrentItem="True"

 

 

 

SelectionUnit="FullRow"

 

 

 

CanUserSelect="True"

 

 

 

SelectionMode="Single"

 

 

 

SelectionChanged="gvCustAddresses_SelectionChanged"

 

 

 

>

 

 

 

 

<telerikGridView:RadGridView.Columns>

 

 

 

 

<telerikGridView:GridViewDataColumn DataMemberBinding="{Binding EmailAddress}" IsReadOnly="True">

 

 

 

 

</telerikGridView:GridViewDataColumn>

 

 

 

 

</telerikGridView:RadGridView.Columns>

 

 

 

 

</telerikGridView:RadGridView>

 

 

 

 

</telerik:RadDropDownButton.Content>

 

 

 

 

</telerik:RadDropDownButton>

 

 

 

 

 

</StackPanel>

 

 

 

 

</DataTemplate>

 

 

 

 

</telerikGridView:GridViewDataColumn.CellEditTemplate>

 

</

 

 

telerikGridView:GridViewDataColumn>

 

[Maya]

Hello Scott Nolen,

You may try to play along with setting the DropDownContent of the Button instead of its Content. More information about the RadDropDownButton can be found in our online documentation as well as in our demos.
 

Best wishes,
Maya
the Telerik team