RadSlider with multiple thumbs loses style information when using PRISM

[Joshua]

I'm using the RadSlider control to display a RangeSliderThumb (to define a range of values) and a regular SliderThumb (to define one value within that range). To be able to differentiate the regular SliderThumb i applied some style to it.

We are using PRISM and i noticed the style of the regular SliderThumb is reset when i navigate to the page a second time. None of the other styles are affected by navigating to the page multiple times.

I've attached a project with a stripped down version of my problem. Pressing the buttons navigates to the respective pages.

Screenshot after first navigation (style is applied as expected):

Screenshot after second navigation (style of regular SliderThumb is reset):

 

Any ideas on how to fix that behavior?

 

Greetings

Josh

[Joe]

I don't work for Telerik or anything so take this with a grain of salt, but isn't the "SelectionMiddleThumbStyle" property of RadSlider what you want?

https://docs.telerik.com/devtools/wpf/knowledge-base/kb-slider-style-middle-thumb-style-manager

[Joshua]

I think the "SelectionMiddleThumbStyle" only applies to the middle part (the yellow bar in the screenshots). In my use case i need both the range selection and another single slider that can move freely inside the selected range.

[Martin Ivanov]

Hello Joshua,

To resolve the issue, you can subscribe to the Loaded event of the SliderThumb element and manually sync its Style with the ThumbStyle. For example:

  <telerik:SliderThumb InteractionMode="Push"
                                    Value="25" 
                                    Loaded="SliderThumb_Loaded">

 

private void SliderThumb_Loaded(object sender, System.Windows.RoutedEventArgs e)
{
	var thumb = (SliderThumb)sender;
	if (thumb.ThumbStyle != null)
	{
		thumb.SetCurrentValue(SliderThumb.StyleProperty, thumb.ThumbStyle);
	}        
}

Regards,
Martin Ivanov
Progress Telerik

[Joshua]

This solution works, though i try to prevent to use code behind where possible.

But based on your suggestion i tried around and figured out that if i set both the "Style" and the "ThumbStyle" of the SliderThumb, the desired style is applied as expected.

[Martin Ivanov]

I am glad to hear that you've managed to find a solution. Also, thank you for sharing it.