Hi, sorry if this is in the wrong category, but I couldn't find a DV Controls category.
I'm looking to customize my axis labels in the Zoombar only. For my axis labels, I have them rotated to an angle, so when they are rendered in the zoombar, they aren't fully visible. What I'd really like to do is customize the style of the labels in the zoombar.
Even if I could raise the height of all of the elements, that would be helpful. But I couldn't quite figure that out.
Thanks.
Unfortunately, currently the Timeline doesn’t support rotated labels.
You can submit a feature request here: http://devcenter.infragistics.com/protected/requestfeature.aspx
Thanks for the response, Teodor, but that's not quite what I'm asking.
I've applied a RenderTransform to my AxisLabel that rotates the text. But it appears that whatever style is applied to my AxisLabel is also applied to the labels in the Zoombar. Is that correct? Is there a way to apply separate styles?
Currently, it is not possible to apply different styles to labels on the Zoombar. The location of the labels is calculated depending on the font size, so in your case the rotation won’t be calculated and for that the labels are cut off. One thing you can try is applying a translate transform to the labels and increase the height of the Zoombar with:
<Style x:Name="ZoombarStyle" TargetType="igControls:XamWebZoombar">
<Setter Property="Height" Value="100" />
</Style>
…
<igTimeline:XamWebTimeline ZoombarStyle="{StaticResource ZoombarStyle}" ...
Good to know. Although the height suggestion did not work. My labels were still glued to the bottom of the Zoombar, no matter how hight the Height property was set.
My idea is using Translate and Rotate transform for the labels and expand the Zoombar height so the labels won’t be cut off. Something like:
<Style x:Name="LabelStyle" TargetType="igTimeline:AxisLabel">
<Setter Property="RenderTransform">
<Setter.Value>
<TransformGroup>
<TranslateTransform Y="-30" />
<RotateTransform Angle="45" />
</TransformGroup>
</Setter.Value>
</Setter>
<igTimeline:XamWebTimeline x:Name="Timeline"
ZoombarStyle="{StaticResource ZoombarStyle}">
<igTimeline:XamWebTimeline.Axis>
<igTimeline:DateTimeAxis LabelStyle="{StaticResource LabelStyle}" />
</igTimeline:XamWebTimeline.Axis>...