Questions on UI for WPF Forum

3 answers

433 views

Scroll Bar thumb size not re-sizing correctly

I am using the RadComboBox for an autocomplete selector in my WPF project. My available list of items is well over 200, and has the potential to be well over 1000 at any given time. When I an in edit mode for the combo box, it filters correctly based on the list items but I have run into a problem that I don't know how to fix with it. If the list goes from really large (all the items) to say like 30-40 items, the scroll bar thumb acts a bit weird. If I use the mouse wheel to scroll, it acts as if the entire list is still there, until it gets to a certain point. Once it reaches this point, the thumb of the scroll bar becomes the correct, larger size. But if I scroll up, it once again becomes the small size like it thinks the whole list is there. How can I fix this? I have posted my XMAL for what I have done below.

<Style x:Key="RadComboBoxStyle" TargetType="{x:Type telerik:RadComboBox}">

<Setter Property="FontFamily" Value="Segoe UI" />

<Setter Property="FocusVisualStyle" Value="{x:Null}"/>

<Setter Property="FontSize" Value="12"/>

<Setter Property="Padding" Value="5,0,5,0"/>

<Setter Property="Foreground" Value="#1A1A1A"/>

<Setter Property="Background" Value="Transparent"/>

<Setter Property="MinWidth" Value="140" />

<Setter Property="MinHeight" Value="24"/>

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="{x:Type telerik:RadComboBox}">

<Border x:Name="OuterBd" CornerRadius="4" Padding="1" BorderBrush="Black" BorderThickness="0">

<Border.Effect>

<DropShadowEffect Direction="270" ShadowDepth="0.5" BlurRadius="0.5" Opacity="0.25"/>

</Border.Effect>

<Border x:Name="InnerBd" Background="{StaticResource BaseInnerBorderBrush}" BorderThickness="0" CornerRadius="3" Padding="1">

<Border Background="{TemplateBinding Background}" BorderThickness="0" CornerRadius="2">

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="*"/>

<ColumnDefinition MinWidth="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}" Width="0"/>

</Grid.ColumnDefinitions>

</Grid>

</Border>

<ControlTemplate.Triggers>

<Trigger Property="IsFocused" Value="true">

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

</Trigger>

<Trigger Property="IsMouseOver" Value="True">

<Setter Property="Background" Value="{StaticResource BaseButtonMouseOverBrush}"/>

</Trigger>

<Trigger Property="IsMouseOver" Value="False">

<Setter Property="Background" Value="Transparent"/>

<Setter Property="BorderBrush" Value="Black" />

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

</Trigger>

<Trigger Property="IsDropDownOpen" Value="true">

<Setter Property="Background" Value="{StaticResource PressedBrush}"/>

<Setter Property="BorderBrush" Value="#BCBCBC"/>

<Setter TargetName="OuterBd" Property="Effect" Value="{x:Null}"/>

<Setter Property="Foreground" Value="#FFFFFF"/>

</Trigger>

<Trigger Property="ToggleButton.IsChecked" Value="true"/>

<Trigger Property="IsEnabled" Value="false">

<Setter Property="Background" Value="#E6E7E8"/>

<Setter Property="BorderBrush" Value="#A7A9AC"/>

<Setter TargetName="OuterBd" Property="Effect" Value="{x:Null}"/>

<Setter TargetName="InnerBd" Property="Background" Value="#E6E7E8"/>

<Setter Property="Foreground" Value="#6D6E71"/>

</Trigger>

</ControlTemplate.Triggers>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

<Style TargetType="{x:Type telerik:RadComboBoxItem}">

<Setter Property="Padding" Value="5,0,5,0"/>

<Setter Property="Foreground" Value="#1A1A1A"/>

<Setter Property="Background" Value="#FFF2F2F2"/>

<Setter Property="MinWidth" Value="140" />

<Setter Property="MinHeight" Value="24"/>

<Setter Property="BorderThickness" Value="0,0,0,0" />

<Setter Property="HorizontalContentAlignment" Value="Left" />

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="{x:Type telerik:RadComboBoxItem}">

<Border x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="true">

<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}">

</ContentPresenter>

</Border>

<ControlTemplate.Triggers>

<Trigger Property="IsHighlighted" Value="true">

<Setter Property="Foreground" Value="White" />

<Setter Property="Background" Value="#499ACF" />

</Trigger>

<Trigger Property="IsHighlighted" Value="False">

<Setter Property="Background" Value="#F2F2F2" />

</Trigger>

<Trigger Property="IsEnabled" Value="false">

<Setter Property="Foreground" Value="#939598"/>

<Setter Property="Background" Value="#FFF4F4F4"/>

</Trigger>

<Trigger Property="IsKeyboardFocusWithin" Value="true">

<Setter Property="Foreground" Value="Black"/>

</Trigger>

</ControlTemplate.Triggers>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

<RowDefinition Height="*" />

<RowDefinition Height="Auto" />

</Grid.RowDefinitions>

<Border Style="{StaticResource DialogContentBorderStyle}" Grid.Row="1">

<DockPanel Margin="16,10,0,0">

<Grid Margin="0,10,0,0">

<Grid.RowDefinitions>

<RowDefinition Height="Auto"/>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="Auto" SharedSizeGroup="LabelColumn" MinWidth="60" />

<ColumnDefinition Width="*" />

<ColumnDefinition Width="70" />

</Grid.ColumnDefinitions>

<TextBlock Grid.Row="0" Grid.Column="0" Text="Select Item"

Style="{StaticResource LabelTextBlock}" CoreExt:TextBoxExtension.IsRequired="True" Visibility="{Binding Request, Converter={StaticResource BoolVisibilityConverter}}"/>

<telerik:RadComboBox Name="RadComboBox" Grid.Row="0" Grid.Column="1" Margin="{StaticResource ModalRowMargin}" ItemsSource="{Binding Available}"SelectedItem="{Binding Selected, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True, Mode=TwoWay}" Visibility="{Binding RequestCase, Converter={StaticResource BoolVisibilityConverter}}"TextSearchMode="Contains" Text="{Binding Text, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}" IsFilteringEnabled="True" OpenDropDownOnFocus="True" Style="{StaticResource RadComboBoxStyle}" IsEditable="True" behaviors:RadComboBoxBehaviors.OverrideRadDefaults="True" StaysOpenOnEdit="True" >

<telerik:RadComboBox.ItemContainerStyle>

<Style TargetType="{x:Type telerik:RadComboBoxItem}" BasedOn="{StaticResource {x:Type telerik:RadComboBoxItem}}">

<Style.Triggers>

<DataTrigger Binding="{Binding CaseId}" Value="-1">

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

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="{x:Type telerik:RadComboBoxItem}">

<Border Background="#F4F4F4">

<Separator HorizontalAlignment="Stretch" Foreground="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" Height="1"/>

</Border>

</ControlTemplate>

</Setter.Value>

</Setter>

</DataTrigger>

</Style.Triggers>

</Style>

</telerik:RadComboBox.ItemContainerStyle>

<telerik:RadComboBox.ItemTemplate>

<DataTemplate>

<TextBlock TextTrimming="WordEllipsis" ToolTip="{Binding}" Text="{Binding}" MaxWidth="250"></TextBlock>

</DataTemplate>

</telerik:RadComboBox.ItemTemplate>

</telerik:RadComboBox>

</Grid>

</DockPanel>

</Border>

</Grid>

ComboBox

answered on 13 Mar 2015

3 answers

198 views

ItemsIndent and the Leaf Node

ItemsIndent works well with nodes containing children. But then on a leaf node it doesn't. Is there a way to move the leaf node further to the left? See image attached for depiction.

<UserControl x:Class="MyApp.ToolboxControl"

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"

mc:Ignorable="d"

d:DesignHeight="300" d:DesignWidth="300">

<UserControl.Resources>

<DataTemplate x:Key="Level1">

<Grid Margin="0">

<Grid.ColumnDefinitions>

<ColumnDefinition />

<ColumnDefinition Width="*"/>

</Grid.ColumnDefinitions>

<Image Grid.Column="0" Source="{Binding ImageUrl}" Stretch="None"/>

<TextBlock Grid.Column="1" Text="{Binding Name}"/>

</Grid>

</DataTemplate>

<HierarchicalDataTemplate x:Key="Level2"

ItemsSource="{Binding Items}"

ItemTemplate="{StaticResource Level1}">

<Grid Margin="0">

<Grid.ColumnDefinitions>

<ColumnDefinition />

<ColumnDefinition Width="*"/>

</Grid.ColumnDefinitions>

<Image Grid.Column="0" Source="{Binding ImageUrl}" Stretch="None"/>

<TextBlock Grid.Column="1" Text="{Binding Name}"/>

</Grid>

</HierarchicalDataTemplate>

<HierarchicalDataTemplate x:Key="Level3"

ItemsSource="{Binding Items}"

ItemTemplate="{StaticResource Level2}">

<Grid Margin="0">

<Grid.ColumnDefinitions>

<ColumnDefinition />

<ColumnDefinition Width="*"/>

</Grid.ColumnDefinitions>

<Image Grid.Column="0" Source="{Binding ImageUrl}" Stretch="None"/>

<TextBlock Grid.Column="1" Text="{Binding Name}"/>

</Grid>

</HierarchicalDataTemplate>

</UserControl.Resources>

<Grid>

<telerik:RadTreeView ItemsSource="{Binding Items}"

ItemTemplate="{StaticResource Level3}"

ItemsIndent="10"/>

</Grid>

</UserControl>

TreeView

answered on 13 Mar 2015

1 answer

159 views

PieChart SelectedPoints binding exception

Hello,

I'm using PieChart with VM-binding and have ArgumentNullException exception in ChartSelectionBehavior.Branch.cs:

internal void UpdateSelectedPointsAndRaiseSelectionChanged()

{

var oldSelectedPoints = this.chart.SelectedPoints; // SelectedPoints is always null

var newSelectedPoints = this.GetSelectedPoints();

////var oldSelectedSeries = this.chart.SelectedSeries;

////var newSelectedSeries = this.GetSelectedSeries();

var addedPoints = newSelectedPoints.Except(oldSelectedPoints).ToList(); //exception here

var removedPoints = oldSelectedPoints.Except(newSelectedPoints).ToList();

My XAML:

<telerik:RadPieChart SelectedPoints="{Binding SelectedPoints}">

<telerik:RadPieChart.Resources>

<Style x:Key="PieSliceStyle" TargetType="Path">

<Setter Property="Fill" Value="{Binding DataItem.Brush}" />

</Style>

</telerik:RadPieChart.Resources>

<telerik:RadPieChart.SmartLabelsStrategy>

<telerik:PieChartSmartLabelsStrategy DisplayMode="SpiderAlignedOutwards"/>

</telerik:RadPieChart.SmartLabelsStrategy>

<telerik:RadPieChart.Behaviors>

<telerik:ChartSelectionBehavior DataPointSelectionMode="Multiple"

x:Name="PieSelectionBehavior"/>

</telerik:RadPieChart.Behaviors>

<telerik:RadPieChart.Series>

<telerik:DoughnutSeries ItemsSource="{Binding PieChartErrors}"

ValueBinding="Count"

DefaultSliceStyle="{StaticResource PieSliceStyle}">

<telerik:DoughnutSeries.LegendSettings>

<telerik:DataPointLegendSettings TitleBinding="Description"/>

</telerik:DoughnutSeries.LegendSettings>

<telerik:DoughnutSeries.LabelConnectorsSettings>

<telerik:ChartSeriesLabelConnectorsSettings/>

</telerik:DoughnutSeries.LabelConnectorsSettings>

</telerik:DoughnutSeries>

</telerik:RadPieChart.Series>

</telerik:RadPieChart>

ViewModel:

public class ErrorsAndWarningsViewModel : Page

{

private IObservableCollection<PieChartError> _pieChartErrors;

private ReadOnlyDataPointCollection _selectedPoints;

public ErrorsAndWarningsViewModel

{

PieChartErrors = new BindableCollection<PieChartError>();

SelectedPoints = new ReadOnlyDataPointCollection();

}

public IObservableCollection<PieChartError> PieChartErrors

{

get { return _pieChartErrors; }

set

{

if (Equals(value, _pieChartErrors))

{

return;

}

_pieChartErrors = value;

NotifyOfPropertyChange();

}

public ReadOnlyDataPointCollection SelectedPoints

{

get { return _selectedPoints; }

set

{

_selectedPoints = value;

NotifyOfPropertyChange();

}

public class PieChartError

{

public string Description { get; set; }

public int Count { get; set; }

public Brush Brush { get; set; }

}

What am I doing wrong?

ChartView

answered on 12 Mar 2015

1 answer

157 views

Copy and paste to exel

Hi,
When I try to copy a lot of data from my grid to the excel sheet, some rows are missing.

I found this solution on your forum

private void gridview_Copying(object sender, RadRoutedEventArgs e)

{

var obj = Clipboard.GetDataObject();

var data = obj.GetData(DataFormats.Text);

Clipboard.SetData(DataFormats.Text, data);

...

}

All data now are copied to excel but if into a cell there is a newline char, excel will create a new row
How can I fix it?

Another question..
I read that when I copy from grid on the clipboard all data are saved as html, csv and txt
My grid has around 500 000 cells, and the coping operation is not performed at all.
I think the problem is the html, and I need only the data without any kind of formatting.
So is it possible to saved only the txt on the clipboard?

Thanks

GridView

answered on 12 Mar 2015

1 answer

76 views

ChartAxisLabelFormat

Dear Reader,

First i'm sorry for my bad english.

I would like know, how update the ChartAxisLabelFormat in RadChart ?

I have it : http://www.casimages.com/i/15031104592612847.png (default value)

And what i want (I want binding with MySQL Data Table) : http://www.casimages.com/i/150311050226369990.png

Thanks you.

Cordialy yours,

DEFRANCE

ChartView

answered on 12 Mar 2015

3 answers

130 views

TabIndex Issuse

I found that you said we have problem with Tabindex of RadAutoCompleteBox in Link
Was this problem fixed?

AutoCompleteBox

answered on 12 Mar 2015

1 answer

67 views

RadWindow & VS2013 Theme

Hello, I tried implicit style with RadWindow as the main WIndow.
No problem, except with the VS2013 theme : when the radwindow is maximised, I've git 2 or 3 pixels at the bottom and the right side of the window. I don't have those pixels with other themes, and the RadWindow is perfectly maximised...
Thanks.

Window

answered on 12 Mar 2015

8 answers

94 views

Problem with ordering and filtering

Hi,

I'm facing a problem with ordering and filtering for Gridview control. For some reason '100' is considered smaller than 60 or 90. I think you can understand the problem better from the attached screenshot.

GridView

answered on 12 Mar 2015

2 answers

199 views

Change Cell Appearance

I am using the spreadsheet to gather input from my users. We do the validation, however, to really make this program pop it would be great if there is a way to change the cell border color to a red boarder with a gradient starting from the cell boundary and moving inward so looking at the program it would be easy to find which values are out of range. I have tried using the brush and gradient but I can only do it for the whole page. I would settle for just changing the background of an out of range cell to red. Are there any samples you can point me to?

Thanks, great control by the way.

John

Spreadsheet

answered on 11 Mar 2015

2 answers

413 views

Overlaping items

Hello,

In my application I have a RadTimeline control which has a custom row index generator like this:

class CustomRowIndexGenerator : IItemRowIndexGenerator

{

public void GenerateRowIndexes(List<TimelineRowItem> dataItems)

{

foreach(TimelineRowItem item in dataItems)

{

if (item.RowIndex > 0)

item.RowIndex = 0;

}

This is because when some items share a time space I want them to overlap and show them in a single row.

When this occur, the newest item is shown on the top.

I'd like to know if it is possible to show the items in the opposite way, the oldest item on top.

I've attached an image to show my case, first a normal case (no overlap), then a case using the row index generator (overlaping items) and the last one, the case that I'd like to accomplish.

Thanks in advance,

Alberto

TimeLine

answered on 11 Mar 2015