Questions on UI for WPF Forum

2 answers

58 views

Preventing pane docking into floating SplitContainers

Hi everyone,

I am developing a WPF application in which I use RadControls including RadDocking.
How can I prevent the user to dock Panes into floating SplitContainers ?
I do not want compass indicators to be displayed over floating SplitContainers when the user is dragging a Pane.

Thank you in advance for your help

Docking

answered on 15 Nov 2013

1 answer

152 views

Restrict max decimal places

Hi,

Is there a way(or what is the best way?) to restrict the max no. of decimal places that can be entered in the RadCalcPicker?
Tried modifying the value in the ValueChanged trigger, but still all the decimal places entered are stored in memory value (dropdown).

Regards,
Phani.

Calculator

answered on 15 Nov 2013

4 answers

162 views

Performance problem with RadGridView

Hello,
i have performance problem with RadGridView. My project uses RadGridView with only 1000 items but with many columns. I tried all i can to resolve the problem without success.
Some specials, i have 2 customized columns, use normal CheckBox and normal TextBox of microsoft. I need them to implement One-Click-Edit function easily.
The problem is that,
1.) the scrollbar is very slow, even though i have only 1000 items.
2.) i always got debug error, when i scroll the GridView. The error info looks like that:

System.Windows.Data Information: 41 : BindingExpression path error: 'IsChecked' property not found for 'object'

because data item is null.  This could happen because the data provider has not produced any data yet. BindingExpression:Path=IsChecked; DataItem=null; target element is

'CheckBox' (Name=''); target property is 'IsChecked' (type 'Nullable`1')

System.Windows.Data Information: 20

: BindingExpression cannot retrieve value due to missing information. BindingExpression:Path=IsChecked; DataItem=null; target element is

'CheckBox' (Name=''); target property is 'IsChecked' (type 'Nullable`1')

System.Windows.Data Information: 21

: BindingExpression cannot retrieve value from null data item. This could happen when binding is detached or when binding to a Nullable type that has no value. BindingExpression:Path=IsChecked; DataItem=null; target element is

'CheckBox' (Name=''); target property is 'IsChecked' (type 'Nullable`1')

System.Windows.Data Information: 41 : BindingExpression path error: 'Property1' property not found for 'object'

because data item is null.  This could happen because the data provider has not produced any data yet. BindingExpression:Path=Property

1; DataItem=null; target element is 'TextBox' (Name=''); target property is 'Text' (type 'String')

System.Windows.Data Information: 20 : BindingExpression cannot retrieve value due to missing information. BindingExpression:Path=Property1; DataItem=null; target element is 'TextBox' (Name=''); target property is 'Text' (type 'String')

System.Windows.Data Information: 21

: BindingExpression cannot retrieve value from null data item. This could happen when binding is detached or when binding to a Nullable type that has no value. BindingExpression:Path=Property

1; DataItem=null; target element is 'TextBox' (Name=''); target property is 'Text' (type 'String')

I attached my project, please check, wheather i have done something wrong.
Link:
http://www.file-upload.net/download-8291326/RadGridViewPerformance.zip.html

Thanks a lot!

Ivan

GridView

answered on 15 Nov 2013

6 answers

184 views

Navigating from one view to another getting error:PageIndex cannot be negative when PageSize is positive. Parameter name: newPageIndex

I have a WPF MVVM application that uses a ContentControl on my main window to display views(UserControls). My first view has a RadGridView and a RadDataPager in it. When I try to navigate to another view I get the error: PageIndex cannot be negative when PageSize is positive. Parameter name: newPageIndex. I have commented out the RadDataPager to verify that it is part of the issue...and it is.
I believe it has something to do with the Binding. I do NOT set the PageIndex to -1 in the code.

I have included a LINK to a small sample project that repeats the issue. Can someone please tell me how to fix this.

<telerik:RadGridView x:Name="RgvPatients"

HorizontalAlignment="Stretch" VerticalAlignment="Top" HorizontalContentAlignment="Center"

AutoGenerateColumns="False" IsReadOnly="True" SelectionMode="Single" SelectionUnit="Cell"

ShowGroupPanel="False" EnableRowVirtualization="False" RowIndicatorVisibility="Collapsed"

IsFilteringAllowed="False" ItemsSource="{Binding Patients}" GridLinesVisibility="Horizontal" >

<telerik:RadGridView.Columns>

<telerik:GridViewColumn Header="MRN#" IsSortable="True">

<telerik:GridViewColumn.CellTemplate>

<DataTemplate>

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="Auto"/>

<ColumnDefinition Width="*"/>

</Grid.ColumnDefinitions>

<Button Style="{StaticResource ButtonTransparentBlackText}" VerticalAlignment="Center" Height="25" Width="100"

Command="{Binding Path=SelectPatientCommand}" Content="{Binding mrn}">

</Button>

</Grid>

</DataTemplate>

</telerik:GridViewColumn.CellTemplate>

</telerik:GridViewColumn>

<telerik:GridViewDataColumn Header="Last Name" DataMemberBinding="{Binding last_name}" IsReadOnly="True" TextAlignment="Left" />

<telerik:GridViewDataColumn Header="First Name" DataMemberBinding="{Binding first_name}" IsReadOnly="True" TextAlignment="Left" />

<telerik:GridViewDataColumn Header="Middle Name" DataMemberBinding="{Binding middle_name}" IsReadOnly="True" TextAlignment="Left" />

<telerik:GridViewDataColumn Header="DOB" DataMemberBinding="{Binding dob, StringFormat='{}{0:MM/dd/yyyy}'}" IsReadOnly="True" TextAlignment="Left" />

<telerik:GridViewDataColumn Header="Age" DataMemberBinding="{Binding dob, Converter={StaticResource AgeConverter}}" IsReadOnly="True" TextAlignment="Left" />

<telerik:GridViewDataColumn Header="Gender" DataMemberBinding="{Binding Gender}" IsReadOnly="True" TextAlignment="Left" />

<telerik:GridViewDataColumn Header="Status" DataMemberBinding="{Binding adt_type}" IsReadOnly="True" TextAlignment="Left" />

</telerik:RadGridView.Columns>

</telerik:RadGridView>

<DockPanel>

<telerik:RadDataPager x:Name="RdpPatients" DockPanel.Dock="Left" Width="830" NumericButtonCount="5" Height="28" DisplayMode="All"

PageIndex="{Binding Path=PageData.PageIndex, Mode=TwoWay}"

PageSize="20"

ItemCount="{Binding Path=PageData.TotalRecords}" >

<i:Interaction.Triggers>

<i:EventTrigger EventName="PageIndexChanged">

<i:InvokeCommandAction Command="{Binding RdpPatients_PageIndexChangedCommand}" />

</i:EventTrigger>

</i:Interaction.Triggers>

</telerik:RadDataPager>

</DockPanel>

Thanks ~Doug

GridView

answered on 15 Nov 2013

3 answers

108 views

DocumentHost disables shortcuts

Hi,

it seems that RadDocking.DocumentHost swallows shorctcut keys defined in a AccessText. Here's an example to reproduce the problem:

xaml:

<Window x:Class="WpfTelerikDocking.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:t="http://schemas.telerik.com/2008/xaml/presentation"

Title="MainWindow" Height="350" Width="525">

<Grid>

<Grid.RowDefinitions>

<RowDefinition />

<RowDefinition Height="Auto" />

</Grid.RowDefinitions>

<t:RadDocking>

<t:RadDocking.DocumentHost>

<StackPanel x:Name="mainPanel" />

</t:RadDocking.DocumentHost>

</t:RadDocking>

<Button Grid.Row="1" Margin="5" Width="80" HorizontalAlignment="Left" Click="Button_Click">_Test</Button>

</Grid>

</Window>

cs:

using System.Windows;

using System.Windows.Input;

using System.Windows.Controls;

namespace WpfTelerikDocking

{

public partial class MainWindow : Window

{

public MainWindow()

{

InitializeComponent();

}

private void Button_Click(object sender, RoutedEventArgs e)

{

Button b = new Button();

b.Content = new AccessText() { Text = "_XXX" };

this.mainPanel.Children.Add(b);

}

When clicking on the "Test"-button another button appears inside the DocumentHost with the Content "XXX". When pressing the ALT-key the shortcut of the "Test"-Button is being shown, but the shortcut on the XXXX-Button is missing.

Any ideas how to solve this issue?

Regards,
Michael

Docking

answered on 15 Nov 2013

4 answers

286 views

Styling panes and pane groups

HI there,

We are trying to style our panes and pane groups. In this example, we're trying to change the BorderBrush to a linear gradient.

Looking at this with Snoop, I can see that the RadPaneGroup as well as a ContentControl named ContentBackground have the correct BorderBrush. However, a Border named "Root" has a solid-color brush as its border, and this is apparently what we see.

Are there other styles we'd need to override? If we change PaneGroup_PaneFrame_Brush in Telerik.Windows.Controls.Docking.xaml, we do see the desired change show up, but we'd like to change the border in a way that is compatible with the use of implicit styles described here: http://www.telerik.com/help/wpf/styling-apperance-implicit-styles-overview.html

Strangely, even copying the entire (albeit small) ControlTemplate in which PaneGroup_PaneFrame_Brush is used doesn't correctly override this behavior.

What are we doing wrong, what don't we understand, or how to we restyle the BorderBrush here?

Thanks,
-David

Example code:

<Window x:Class="WpfApplication1.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

Title="MainWindow">

<Window.Resources>

<ResourceDictionary>

<ResourceDictionary.MergedDictionaries>

<ResourceDictionary Source="Telerik.Windows.Controls.xaml" />

<ResourceDictionary Source="Telerik.Windows.Controls.Docking.xaml" />

</ResourceDictionary.MergedDictionaries>

<Thickness x:Key="PaneGroup_BorderThickness">3</Thickness>

<LinearGradientBrush x:Key="PaneGroup_BorderBrush" EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FF809EAD" Offset="0"/>

<GradientStop Color="#FFADAFB2" Offset="1"/>

</LinearGradientBrush>

<Style BasedOn="{StaticResource RadPaneGroupStyle}" TargetType="telerik:RadPaneGroup">

<Setter Property="BorderThickness" Value="{StaticResource PaneGroup_BorderThickness}" />

<Setter Property="BorderBrush" Value="{StaticResource PaneGroup_BorderBrush}" />

</Style>

<LinearGradientBrush x:Key="PaneGroup_PaneFrame_Brush" EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FF809EAD" Offset="0"/>

<GradientStop Color="#FFADAFB2" Offset="1"/>

</LinearGradientBrush>

<ControlTemplate x:Key="PaneGroup_PaneFrameTemplate" TargetType="ContentControl">

<Border x:Name="Root" BorderBrush="{StaticResource PaneGroup_PaneFrame_Brush}" Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="{StaticResource PaneGroup_PaneFrame_CornerRadius}">

<ContentPresenter />

</Border>

</ControlTemplate>

<Style BasedOn="{StaticResource PaneGroup_PaneFrameStyle}" TargetType="ContentControl">

<Setter Property="Template" Value="{StaticResource PaneGroup_PaneFrameTemplate}" />

</Style>

</ResourceDictionary>

</Window.Resources>

<Grid>

<telerik:RadDocking Name="u_rd_Docking" BorderThickness="4" Grid.Row="1">

<telerik:RadSplitContainer InitialPosition="DockedTop" Height="700" >

<telerik:RadSplitContainer telerik:ProportionalStackPanel.RelativeSize="24,100" >

<telerik:RadPaneGroup>

<telerik:RadPane Header="Pane 1" >

<Rectangle Width="50" Height="100" Fill="BlanchedAlmond" />

</telerik:RadPane>

</telerik:RadPaneGroup>

</telerik:RadSplitContainer>

<telerik:RadSplitContainer Orientation="Vertical" telerik:ProportionalStackPanel.RelativeSize="42.5,100" >

<telerik:RadPaneGroup>

<telerik:RadPane Header="Pane 2" >

<Rectangle Width="125" Height="50" Fill="Aqua" />

</telerik:RadPane>

</telerik:RadPaneGroup>

<telerik:RadPaneGroup>

<telerik:RadPane Header="Pane 3" >

<Rectangle Width="125" Height="50" Fill="Red" />

</telerik:RadPane>

</telerik:RadPaneGroup>

</telerik:RadSplitContainer>

</telerik:RadDocking>

</Grid>

</Window>

Docking

answered on 14 Nov 2013

1 answer

174 views

TileView RowsCount and ColumnsCount with window resize problem

Hi!

I'm using Telerik controls for WPF version Q1 2013 (have not been able to get latest licensed version yet... hopefully we get that soon).

I have a problem with setting TileView's RowsCount and ColumnsCount to certain value and then resizing the window. Looks like tiles are cropped from their right side if window width gets smaller and from bottom if window height gets smaller. Is there a way to prevent this?

Here's a screenshot with TileView's column count set to 4. I only have one tile in this example and tile's right side is cropped long before window size reaches the tile... And If I set column count to 6 the tile is cropped even sooner.

Column count 4 example #1

Column count 4 example #2

It is ok for the tile to be cropped like this but only if the width of the window reaches the tile. I hope you understand what I mean by this.

Br,

Kalle

TileView

answered on 14 Nov 2013

1 answer

195 views

PointTemplate getting clipped for ScatterPointSeries

I'm having a problem where my PointTemplate is getting clipped for a ScatterPointSeries. It appears to be working correctly for a BarSeries styled as points, but when I use the same template for ScatterPointSeries it appears to be clipping negative drawn values. This example shows the problem:

<Window x:Class="PointTemplate.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

Title="MainWindow" Height="350" Width="525">

<Window.Resources>

<ResourceDictionary>

<DataTemplate x:Key="CircleTemplate">

<Ellipse Width="8" Height="8" VerticalAlignment="Center" Fill="Black" />

</DataTemplate>

<DataTemplate x:Key="XTemplate">

<Path Stroke="Black" Data="M -4,-4 L 4,4 M 4,-4 L -4,4"/>

</DataTemplate>

</ResourceDictionary>

</Window.Resources>

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="1*"/>

</Grid.RowDefinitions>

<telerik:RadCartesianChart x:Name="TimeChart" Grid.Row="0">

<telerik:RadCartesianChart.Grid>

<telerik:CartesianChartGrid MajorLinesVisibility="XY" />

</telerik:RadCartesianChart.Grid>

<telerik:RadCartesianChart.HorizontalAxis>

<telerik:DateTimeContinuousAxis LabelFitMode="Rotate" LabelFormat="MMM-yy" />

</telerik:RadCartesianChart.HorizontalAxis>

<telerik:RadCartesianChart.VerticalAxis>

<telerik:LinearAxis/>

</telerik:RadCartesianChart.VerticalAxis>

<telerik:RadCartesianChart.Series>

<telerik:BarSeries PointTemplate="{StaticResource XTemplate}"

ItemsSource="{Binding Data}" CategoryBinding="Date" ValueBinding="YValue" />

</telerik:RadCartesianChart.Series>

</telerik:RadCartesianChart>

<telerik:RadCartesianChart x:Name="ScatterChart" Grid.Row="1">

<telerik:RadCartesianChart.Grid>

<telerik:CartesianChartGrid MajorLinesVisibility="XY" />

</telerik:RadCartesianChart.Grid>

<telerik:RadCartesianChart.HorizontalAxis>

<telerik:LinearAxis/>

</telerik:RadCartesianChart.HorizontalAxis>

<telerik:RadCartesianChart.VerticalAxis>

<telerik:LinearAxis/>

</telerik:RadCartesianChart.VerticalAxis>

<telerik:RadCartesianChart.Series>

<telerik:ScatterPointSeries PointTemplate="{StaticResource XTemplate}"

ItemsSource="{Binding Data}" XValueBinding="XValue" YValueBinding="YValue" />

</telerik:RadCartesianChart.Series>

</telerik:RadCartesianChart>

</Grid>

</Window>

Note that the top chart shows the X markers correctly, whereas the bottom, which is using the same template, is clipped. In this example if you use the CircleTemplate both show correctly, however in my real project it again shows correctly on the BarSeries chart, but gets clipped on the Scatter chart. In this case, if the VerticalAlignment is set to Top, it shows the top left quarter of the circle, and if it's set to center, it shows a square smaller than the circle.

Is there a way to expand the size of what the markers are allowed to fill for scatter series?

For completeness, here's my code-behind for this example:

using System;

using System.Windows;

using System.Collections.ObjectModel;

namespace PointTemplate

{

public class DataPoint

{

public DateTime Date { get; set; }

public double YValue { get; set; }

public double XValue { get; set; }

}

public partial class MainWindow : Window

{

public Collection<DataPoint> Data { get; set; }

public MainWindow()

{

InitializeComponent();

Data = new Collection<DataPoint>();

Data.Add(new DataPoint() { Date = new DateTime(2013, 1, 1), XValue = 10, YValue = 20 });

Data.Add(new DataPoint() { Date = new DateTime(2013, 2, 1), XValue = 20, YValue = 20 });

Data.Add(new DataPoint() { Date = new DateTime(2013, 3, 1), XValue = 30, YValue = 40 });

Data.Add(new DataPoint() { Date = new DateTime(2013, 4, 1), XValue = 40, YValue = 35 });

Data.Add(new DataPoint() { Date = new DateTime(2013, 5, 1), XValue = 50, YValue = 40 });

Data.Add(new DataPoint() { Date = new DateTime(2013, 6, 1), XValue = 60, YValue = 30 });

Data.Add(new DataPoint() { Date = new DateTime(2013, 7, 1), XValue = 70, YValue = 50 });

this.DataContext = this;

}

Thanks,
Louis

ChartView

answered on 14 Nov 2013

1 answer

126 views

Upgrade Issue

Hi,

Please see the three bolded StaticResource elements that are unresolved. I just updated to the latest version of the Telerik comtrols and updated the references. Can you please tell me what i need to do to correct this.This was working before the upgrade. If you can expedite this I would greatly appreciate it, I am dead in the water.

Thanks
Rich

<telerik:RadWindow x:Class="QueryManager.RadMessageBox"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
Style="{StaticResource RadWindowStyle}"
ResizeMode="NoResize"
IsTabStop="False"
MaxWidth="500"
WindowStartupLocation="CenterScreen"
MinWidth="275"
mc:Ignorable="d"
d:DesignHeight="500" d:DesignWidth="400">

<Grid x:Name="LayoutRoot" FocusManager.FocusedElement="{Binding ElementName=OK}">
<Grid.RowDefinitions>
<RowDefinition Height="*"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Grid.InputBindings>
<KeyBinding Key="Escape" Command="{x:Static telerik:WindowCommands.Confirm}"/>
</Grid.InputBindings>
<ContentPresenter x:Name="Icon" VerticalAlignment="Top" Margin="16 8 8 8" ContentTemplate="{StaticResource ConfirmIconTemplate}"/>
<ScrollViewer IsTabStop="False" Grid.Row="0" Grid.Column="1" HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto" Margin="0 0 0 8">
<TextBlock Name="Message" Text="Custom RadWindow as Alert window." VerticalAlignment="Center" HorizontalAlignment="Center" TextWrapping="Wrap"/>
</ScrollViewer>
<Border x:Name="HorizontalRule" Grid.Row="1" Grid.ColumnSpan="4" BorderThickness="0 0 0 1" Height="2" Background="{StaticResource BorderLineOuterColor}" BorderBrush="{StaticResource BorderLineInnerColor}" VerticalAlignment="Top"/>
<telerik:RadButton x:Name="Yes" Click="YesButtonClick" Grid.Row="2" Grid.Column="1" MinWidth="60" IsTabStop="True" TabIndex="0" HorizontalAlignment="Right" Content="Yes" Margin="0 10 8 8" />
<telerik:RadButton x:Name="No" Click="NoButtonClick" Grid.Row="2" Grid.Column="2" MinWidth="60" IsTabStop="True" TabIndex="0" HorizontalAlignment="Right" Content="No" Margin="0 10 8 8" />
<telerik:RadButton x:Name="Cancel" Click="CancelButtonClick" telerik:RadWindow.ResponseButton="Cancel" telerik:LocalizationManager.ResourceKey="Cancel" Grid.Row="2" Grid.Column="3" MinWidth="60" IsTabStop="True" TabIndex="0" HorizontalAlignment="Right" Margin="0 10 8 8" />
</Grid>
</telerik:RadWindow>

General Discussions

answered on 14 Nov 2013

4 answers

367 views

Change width of Radcombobox dropdown scrollbar

hi,

how do I change the width of the Radcombobox dropdown vertical scrollbar? I don't have Blend as well.

thanks in advance,

Paul

ComboBox

answered on 14 Nov 2013