By default the region between the thumbs is less transparent than the region outside of the thumbs. What is the easiest way to reverse this? I would like the region being selected by the zoombar to be transparent.
I will submit a feature request for this.
I’m sending you the Zoombar style from this sample application.
I pulled this style from the IG Finance Stocks Dashboard example using 10.3.20103.2084:
<Style x:Key="XamZoombarStyle1" TargetType="ig:XamZoombar">
<Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="ig:XamZoombar"> <Grid> <Canvas x:Name="HorizontalRootCanvasElement" Height="88"> <ContentControl x:Name="HorizontalThumbElement" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" Cursor="Hand" Style="{TemplateBinding HorizontalThumbStyle}" UseLayoutRounding="False" Height="88"> <Grid Height="88"> <Rectangle Height="88" Margin="7,0" Fill="#00000000" Stroke="#00000000"/> </Grid> </ContentControl>
When looking at 10.3.20103.2065 using Silverlight Spy I don't see the same elements under the HorizontalThumbElement Content Control.
I'm attaching two screen shots from Silverlight Spy. You'll notice that some of the elements have changed. I can't upgrade because I'm only a trial user right now but I would like to keep evaluating. Is it possible to get the same functionality out of 10.3.20103.2065 or do I have to upgrade?
IG Finance example that uses 10.3.20103.208:
Just the Zoombar from 10.3.20103.2065:
I've noticed that the IG Finance example is using version 10.3.20103.2084. The version I have is 10.3.20103.2065. Is it possible that what I want isn't possible in 10.3.20103.2065?
I can see what I want in the IG Finance example but I can't figure out how to do it. It appears to be somewhere in the styles but there are a lot of styling in this example. Can someone help me narrow it down?