Questions on UI for WPF Forum

2 answers

269 views

Bind the filter in grid

Hello

I trying to bind the value of the filter to property in VM

This not working

<rad:RadGridView.FilterDescriptors>

<rad:CompositeFilterDescriptorCollection>

<rad:FilterDescriptor Member="Married"

Operator="IsEqualTo"

Value="{Binding SomeKey}" />

</rad:CompositeFilterDescriptorCollection>

</rad:RadGridView.FilterDescriptors>

What is the problem?

Best regards

Ehud

GridView

answered on 12 Jan 2016

1 answer

392 views

Bug with VirtualizingPanel.ScrollUnit="Pixel" and touch

Setting VirtualizingPanel.ScrollUnit="Pixel" makes it impossible to scroll by touch - it scrolls very very slowly.

ListBox

answered on 12 Jan 2016

4 answers

91 views

[Solved] RadTileView and RadBook item dragging error

Hi, I am having an issue where if I add a RadBook as a Content template to a RadTileView, it throws an exception:

An unhandled exception of type 'System.ArgumentOutOfRangeException' occurred in PresentationCore.dll

Additional information: The parameter value must be greater than zero.

This doesn't always happen but will if you move enough of them around. If I take out the book control it works fine. Any Ideas?

-adam

TileView

answered on 11 Jan 2016

1 answer

96 views

add a delete button only in small & normal view

Hello;

I use telerik tile view in our project.

We have customized the template to add a "remove button" in the header by editing the tileview template. The delete button is available in the different views (small, normal & large). We have been requested to set the button only in small & normal view. So, how can we remove the "delete button" from the large view only.

Thanks for your replies.

Best regards

TileView

answered on 11 Jan 2016

3 answers

252 views

[Solved] TrackBall Info Template Decimal Places

I'm trying to format the String output for my Series Trackball so that it only shows 2 decimal places. The code I have at the moment for my Template is as follows:

<telerik:RadCartesianChart.Resources>

<sys:String x:Key="CategoryFormat">Date: {0}</sys:String>

<sys:String x:Key="ValueFormat">Value: {0:n2}</sys:String>

<DataTemplate x:Key="seriesTrackBallInfoTemplate">

<StackPanel Orientation="Vertical">

<TextBlock Text="{Binding Path=MeasurementData.Category, StringFormat={StaticResource CategoryFormat}}" />

<TextBlock Text="{Binding Path=MeasurementData.Value, StringFormat={StaticResource ValueFormat}}" />

</StackPanel>

</DataTemplate>

</telerik:RadCartesianChart.Resources>

The type of MeasurementData.Value is Double.

I've tried various approaches and nothing seems to work.

Any suggestions?

ChartView

answered on 11 Jan 2016

5 answers

369 views

PointSeries Path Fill Bindable Value

I have the following XAML code I'm using to generate my Series and Graphs.

<telerik:RadCartesianChart x:Name="Chart"

HorizontalAlignment="Stretch"

VerticalAlignment="Stretch">

<telerik:RadCartesianChart.ContextMenu>

<ContextMenu>

<MenuItem Header="Export to Image" Click="MenuItem_Click" />

</ContextMenu>

</telerik:RadCartesianChart.ContextMenu>

<telerik:RadCartesianChart.Behaviors>

<telerik:ChartPanAndZoomBehavior DragMode="Zoom" ZoomMode="Horizontal" />

</telerik:RadCartesianChart.Behaviors>

<telerik:RadCartesianChart.Grid>

<telerik:CartesianChartGrid MajorLinesVisibility="XY" />

</telerik:RadCartesianChart.Grid>

<telerik:RadCartesianChart.Resources>

<Style TargetType="telerik:LineSeries">

<Setter Property="StrokeThickness" Value="1"/>

<Setter Property="Stroke" Value="{Binding ValueColour}" />

<Setter Property="RenderOptions" Value=

"{Binding RelativeSource={RelativeSource AncestorType=UserControl, Mode=FindAncestor}, Path=DataContext.RenderOptions, Mode=OneWay}"

/>

<Setter Property="LegendSettings">

<Setter.Value>

<telerik:SeriesLegendSettings>

<telerik:SeriesLegendSettings.Title>

<MultiBinding Converter="{StaticResource MultiBindingStringConverter}">

<Binding Path="ValueName" />

<Binding Path="Unit" />

</MultiBinding>

</telerik:SeriesLegendSettings.Title>

</telerik:SeriesLegendSettings>

</Setter.Value>

</Setter>

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

<Setter Property="VerticalAxis">

<Setter.Value>

<MultiBinding Converter="{StaticResource UnitToVerticalAxisConverter}">

<Binding Path="ValueName" />

<Binding Path="Unit" />

</MultiBinding>

</Setter.Value>

</Setter>

</Style>

<Style TargetType="telerik:PointSeries">

<Setter Property="DefaultVisualStyle">

<Setter.Value>

<Style TargetType="Path">

<Setter Property="Fill" Value="{Binding ValueColour, Converter={StaticResource StringToSolidColorBrushConverter}}" /> 

</Style>

</Setter.Value>

</Setter>

<Setter Property="RenderOptions" Value=

"{Binding RelativeSource={RelativeSource AncestorType=UserControl, Mode=FindAncestor}, Path=DataContext.RenderOptions, Mode=OneWay}"

/>

<Setter Property="LegendSettings">

<Setter.Value>

<telerik:SeriesLegendSettings>

<telerik:SeriesLegendSettings.Title>

<MultiBinding Converter="{StaticResource MultiBindingStringConverter}">

<Binding Path="ValueName" />

<Binding Path="Unit" />

</MultiBinding>

</telerik:SeriesLegendSettings.Title>

</telerik:SeriesLegendSettings>

</Setter.Value>

</Setter>

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

<Setter Property="VerticalAxis">

<Setter.Value>

<MultiBinding Converter="{StaticResource UnitToVerticalAxisConverter}">

<Binding Path="ValueName" />

<Binding Path="Unit" />

</MultiBinding>

</Setter.Value>

</Setter>

</Style>

</telerik:RadCartesianChart.Resources>

<telerik:RadCartesianChart.SeriesProvider>

<telerik:ChartSeriesProvider Source="{Binding Series}">

<telerik:ChartSeriesProvider.SeriesDescriptors>

<telerik:CategoricalSeriesDescriptor ItemsSourcePath="Data.Collection" TypePath="SeriesType" CategoryPath="Time" ValuePath="Value" />

</telerik:ChartSeriesProvider.SeriesDescriptors>

</telerik:ChartSeriesProvider>

</telerik:RadCartesianChart.SeriesProvider>

<telerik:RadCartesianChart.HorizontalAxis>

<telerik:DateTimeContinuousAxis

MajorStepUnit="Minute"

LabelInterval="4"

FontFamily="Segoe UI"

PlotMode="OnTicks" LabelFitMode="MultiLine">

<telerik:DateTimeContinuousAxis.LabelTemplate>

<DataTemplate>

<TextBlock Text="{Binding Converter={StaticResource MultiLineDateTimeConverter}}" />

</DataTemplate>

</telerik:DateTimeContinuousAxis.LabelTemplate>

</telerik:DateTimeContinuousAxis>

</telerik:RadCartesianChart.HorizontalAxis>

</telerik:RadCartesianChart>

Unfortunately when I try to bind the "ValueColour" property on my PointSeries style, for the Path style's Fill property, I get an invalid cast exception.

My ValueColour Property is of type String and I have tried using converters for both String to Color and String to SolidColorBrush and neither of them are working. The cast exception I get says:

Additional information: Unable to cast object of type 'System.Windows.Data.Binding' to type 'System.Windows.Media.Brush'.

However it works if I hard-code the colour with the value "Red" for example.

How do I make this data-bindable?

ChartView

answered on 11 Jan 2016

1 answer

236 views

[Solved] RadCartesianChart Line Series dotted lines for empty values

Hi

I am using a RadCartesianChart with a LineSeries and would like the line to be dotted between missing values (null) instead of a gap. How can I do this?

Regards, Lukas

Chart

answered on 11 Jan 2016

6 answers

155 views

[Solved] Appointment class - Calculate when is the next appointment

I'm using RadScheduleView in a WPF MVVM application. The AppointmentsSource property is bound to an observable collection ObservableCollection in the ViewModel. So I have all appointments in thew view model.
How can I easily calculate if there is an ongoing appointment at the current moment ? How can I calculate when is the next appointment ?

ScheduleView

answered on 11 Jan 2016

1 answer

114 views

How to use PaletteBrushes in drilldown charts

I am using drilldownchart(RadChart Hierarichal Chart). I would like to use different colors for bars. I am getting same gradient color for all bars. Please find the current working chart screenshot and expected.

Can we use pallette to show different colors in drill down chart. If so please provide details and some sample project.

Please find my XAML code here

Chart

answered on 11 Jan 2016

3 answers

435 views

Overlapping Axis Labels in RadCartesian Linear Axis.

Hi,

I have a RadCartesian Chart which has X& Y Axis as Linear axes. Chart Series is dynamically loaded. At one point my Axis labels overlap. I saw this link

http://docs.telerik.com/devtools/wpf/controls/radchartview/axes/axis-smart-labels but I am not able find the property SmartLabelsMode in the xaml.

Please help me solve the overlapping issue.

Here is my Xaml

<Grid>

<telerik:RadCartesianChart x:Name="CartesianChart" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch"

Style="{StaticResource RadCartesianChartStyle1}">

<telerik:RadCartesianChart.Grid>

<telerik:CartesianChartGrid MajorLinesVisibility="XY" MajorXLineStyle="{StaticResource GridLineStyle}"

MajorYLineStyle="{StaticResource GridLineStyle}" />

</telerik:RadCartesianChart.Grid>

<telerik:RadCartesianChart.HorizontalAxis>

<telerik:LinearAxis Title="{Binding HorizontalAxisTitle}" Minimum="{Binding Xmin}" LineThickness="2" LineStroke="Transparent" Foreground="{DynamicResource BRUSH_TEXT}"

Style="{StaticResource LinearAxisStyle}" />

</telerik:RadCartesianChart.HorizontalAxis>

<telerik:RadCartesianChart.VerticalAxis>

<telerik:LinearAxis Title="{Binding VerticalAxisTitle}" LineThickness="2" Foreground="{DynamicResource BRUSH_TEXT}"

Style="{StaticResource LinearAxisStyle}" />

</telerik:RadCartesianChart.VerticalAxis>

<telerik:RadCartesianChart.SmartLabelsStrategy>

<telerik:ChartSmartLabelsStrategy />

</telerik:RadCartesianChart.SmartLabelsStrategy>

<telerik:RadCartesianChart.Behaviors>

<telerik:ChartPanAndZoomBehavior DragMode="Pan" ZoomMode="Both" PanMode="Both" />

<telerik:ChartTooltipBehavior />

</telerik:RadCartesianChart.Behaviors>

<telerik:RadCartesianChart.EmptyContentTemplate>

<DataTemplate>

<StackPanel>

<TextBlock Text="{Binding EmptyContentText}" />

</StackPanel>

</DataTemplate>

</telerik:RadCartesianChart.EmptyContentTemplate>

<telerik:RadCartesianChart.TooltipTemplate>

<DataTemplate>

<Border Background="{DynamicResource BRUSH_TOOLTIP}" BorderBrush="{DynamicResource BRUSH_TOOLTIP}" BorderThickness="1" Padding="10">

<StackPanel Background="{DynamicResource BRUSH_TOOLTIP}">

<StackPanel Width="{TemplateBinding Width}" Orientation="Horizontal" Background="{DynamicResource BRUSH_TOOLTIP}" Margin="5">

<TextBlock Text="{Binding DataItem.VerticalAxisTitle}" />

<TextBlock Text="{Binding YValue}" />

</StackPanel>

<StackPanel Width="{TemplateBinding Width}" Orientation="Horizontal" Background="{DynamicResource BRUSH_TOOLTIP}" Margin="5">

<TextBlock Text="{Binding DataItem.HorizontalAxisTitle}" />

<TextBlock Text="{Binding XValue}" />

</StackPanel>

<TextBlock Text="{Binding Presenter.DisplayName}" />

</StackPanel>

</Border>

</DataTemplate>

</telerik:RadCartesianChart.TooltipTemplate>

<telerik:RadCartesianChart.SeriesProvider>

<telerik:ChartSeriesProvider x:Name="ChartSeriesProvider" Source="{Binding SeriesCollection}">

<telerik:ChartSeriesProvider.SeriesDescriptors>

<telerik:ScatterSeriesDescriptor ItemsSourcePath="Points" YValuePath="YValue" XValuePath="XValue">

<telerik:ScatterSeriesDescriptor.Style>

<Style TargetType="telerik:ScatterSplineSeries">

<Setter Property="StrokeThickness" Value="{Binding StrokeThickness}" />

<Setter Property="Stroke" Value="{Binding Color}" />

<Setter Property="Visibility" Value="{Binding IsVisible,Converter={StaticResource BooleanToVisibilityConverter}}" />

<Setter Property="DisplayName" Value="{Binding Name}" />

<Setter Property="PointTemplate" Value="{StaticResource PointTemplate}" />

<Style.Triggers>

<DataTrigger Binding="{Binding IsDashed,Mode=TwoWay}" Value="True">

<Setter Property="DashArray" Value="5"/>

</DataTrigger>

</Style.Triggers>

</Style>

</telerik:ScatterSeriesDescriptor.Style>

</telerik:ScatterSeriesDescriptor>

</telerik:ChartSeriesProvider.SeriesDescriptors>

</telerik:ChartSeriesProvider>

</telerik:RadCartesianChart.SeriesProvider>

</telerik:RadCartesianChart>

</Grid>

</UserControl>

ChartView

answered on 11 Jan 2016