This is a migrated thread and some comments may be shown as answers.

Changing Expander Style

16 Answers 295 Views

TreeListView

This is a migrated thread and some comments may be shown as answers.

16 Answers, 1 is accepted

answered on 19 Jul 2010, 02:38 PM

That's not working for me, I tried this:

<Style TargetType="telerik:GridViewToggleButton">

<Setter Property="IsEnabled" Value="True" />

<Setter Property="IsTabStop" Value="False" />

<Setter Property="Cursor" Value="Hand" />

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="ToggleButton">

<Grid>

...

</Grid>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

But, alas, it does not work in either my global resources or in the resources for the RadTreeListView itself. Can you give an example, please?

answered on 20 Jul 2010, 12:05 PM

silverlightapplication6.zip

Hi John Thompson,

I'm attaching a Blend project that changes the style of the expander button in the RadTreeListView. The actual button control is part of the TreeListViewRow class and so you can find the style for the button in the extracted style for the TreeListViewRow class.

Kind regards,
Yavor Georgiev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items

answered on 20 Jul 2010, 01:09 PM

Hi John Thompson,

Indeed this approach is not very friendly. However, I have some good news: based on your case we have started implementing a couple of properties: HierarchyExpandButtonStyle and HierarchyExpandButtonStyleSelector. We hope they will be available in our internal builds in a couple of weeks. Until then, please accept my apologies for the inconvenience caused.

Best wishes,
Yavor Georgiev
the Telerik team

answered on 13 Jan 2011, 01:30 PM

Tim, I am sorry, but I don't have an example at this time. We are currently living with the default expander and I have modified all the RadGridView controls in the application to have a manual toggle column for row details as shown in the following XAML.

<Style TargetType="telerik:GridViewToggleButton">

<Setter Property="PresentationMode" Value="Arrow" />

</Style>

...

<telerik:GridViewColumn Header="Row Details">

<telerik:GridViewColumn.CellTemplate>

<DataTemplate>

<telerik:GridViewToggleButton Click="GridViewToggleButton_Click"/>

</DataTemplate>

</telerik:GridViewColumn.CellTemplate>

</telerik:GridViewColumn>

The event handler looks something like this.

private void GridViewToggleButton_Click(object sender, RoutedEventArgs e)

{

GridViewToggleButton button = sender as GridViewToggleButton;

if (button == null)

{

return;

}

DataElement element = button.DataContext as DataElement;

if (element == null)

{

return;

}

RadGridView grid = button.ParentOfType<RadGridView>();

if (grid == null)

{

return;

}

GridViewRow row = grid.ItemContainerGenerator.ContainerFromItem(element) as GridViewRow;

if (row == null)

{

return;

}

row.DetailsVisibility = ((button.IsChecked == true) ? Visibility.Visible : Visibility.Collapsed);

}

answered on 20 Jan 2011, 03:50 PM

I tried the following in XAML

Style x:Key="PlusExpanderStyle" TargetType="ToggleButton">

<Setter.Value>

<Grid>

<VisualStateManager.VisualStateGroups>