Questions on UI for WPF Forum

25,611 questions

1 answer

665 views

Hello,

I'm working on a WPF application with ListViews and a pretty complex drag & drop functionality that I made.
I've replaced the ListViews with RadGridViews to achieve data virtualization.
I would like to use the existing drag and drop functionality with the RadGridView, can you please give me some info on how it can be done?

I've tried attaching the appropriate event handlers but it doesn't seem to work :

private void radGridView_Loaded(object sender, RoutedEventArgs e)

{

initInnerPlaylistControl(sender as RadGridView);

}

public void initInnerPlaylistControl(RadGridView itemsControl)

{

itemsControl.AllowDrop = true;

itemsControl.PreviewMouseLeftButtonDown += Rad_OnPreviewMouseLeftButtonDown;

itemsControl.Drop += Rad_Drop;

itemsControl.MouseMove += Rad_OnMouseMove;

itemsControl.PreviewMouseLeftButtonUp += itemsControl1_OnPreviewMouseLeftButtonUp;

itemsControl.QueryContinueDrag += Database_OnPreviewQueryContinueDrag;

//itemsControl.OnGiveFeedback += OnGiveFeedback;

}

thanks,
Idan

DragAndDrop

answered on 26 Aug 2014

3 answers

370 views

Filtering on DateTime values

I have a column of Datetimes that have unique times for same dates. I want to not show the duplicates when filtering.
Based on this page http://www.telerik.com/help/wpf/gridview-filtering-faq-datetime-filtering.html all I need to do is write the following
DataMemberBinding="{Binding BirthDate.Date}"

However all this does is remove the filter completely..

Any suggestions ?

thanks

GridView

answered on 26 Aug 2014

1 answer

118 views

Calendar and Styling Issue

Hello,

I am experiencing a problem with the Calendar when applying a custom style : when any style is applied on an instance of the RadCalendar, the Calendar UI is not correctly updating when switching from a month to another, and selected values become inconsistent.

This can be easilly reproduced by adding a RadCalendar such as :

<telerik:RadCalendar HorizontalAlignment="Left" Height="299" Margin="10,10,0,0" VerticalAlignment="Top" Width="497" Style="{DynamicResource RadCalendarStyle1}"/>

, RadCalendarStyle1 beeing a copy of the unmodified original RadCalendar Template (created via Blend "Edit a Template" -> "Edit a Copy" menu).

I can provide the project files if needed.

Regards,

Calendar

answered on 26 Aug 2014

9 answers

241 views

Building Source for deployment

I am trying to follow the instructions to create protected Telerik assemblies for deployment with my WPF application.

I see that in each control folder there is are two WPF solutions (among others)
*_WPF.sln
*_WPF_Work.sln

What is the _Work version for? I assume I should use the *_WPF.sln version?
Was there some guidance in the documentation about that question that I overlooked?

However, when I build either version I get errors. I already successfully built the Core\XCore_WPF.sln solution.

Here is an example of an error I get when building the ImageEditor control: (either of the two WPF solutions)

Error 3 Unknown build error, 'The located assembly's manifest definition does not match the assembly reference. (Exception from HRESULT: 0x80131040) Line 837 Position 26.' D:\Dev\Telerik\Telerik_UI_for_WPF_Source_2014_1_0331\Controls\ImageEditor\ImageEditor\themes\GenericOfficeBlack.xaml 837 26

General Discussions

answered on 22 Aug 2014

1 answer

134 views

Clicking "Maximize" icon in RadTileViewItem header does nothing.

Hello,

I am trying to customize my RadTileViewItem header using one of your ResourceDictionary, I downloaded from one of your examples in the forums. It worked nicely and I am able to change the color and effects in the header.

<ResourceDictionary 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">

<SolidColorBrush x:Key="TileView_Background" Color="#FFFFFFFF"/>

<SolidColorBrush x:Key="TileView_OuterBorder" Color="#FF848484"/>

<SolidColorBrush x:Key="TileView_InneBorder" Color="#FFFFFFFF"/>

<Thickness x:Key="TileView_InneBorder_Thickness">1</Thickness>

<SolidColorBrush x:Key="TileView_HeaderBorder" Color="#FFFFFFFF"/>

<Thickness x:Key="TileView_HeaderBorder_Thickness">0 0 0 1</Thickness>

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

<GradientStop Color="#78C3B8"/>

<GradientStop Color="#96C4BE" Offset="1"/>

</LinearGradientBrush>

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

<GradientStop Color="#000000"/>

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

</LinearGradientBrush>

<SolidColorBrush x:Key="TileView_ButtonOuterBorder" Color="White"/>

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

<GradientStop Color="#78C3B8" Offset="0"/>

<GradientStop Color="#78C3B8" Offset="1"/>

<GradientStop Color="#96C4BE" Offset="0.526"/>

<GradientStop Color="#96C4BE" Offset="0.509"/>

</LinearGradientBrush>

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

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

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

<GradientStop Color="#FFFEBB6E" Offset="0.517"/>

<GradientStop Color="#FFE78318" Offset="0.539"/>

</LinearGradientBrush>

<CornerRadius x:Key="TileView_HeaderBorder_CornerRadius">2</CornerRadius>

<SolidColorBrush x:Key="TileView_HeaderBorder_HorizontalSplitterBackground" Color="#47B5A3"/>

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

<GradientStop Color="Black" Offset="0"/>

<GradientStop Offset="1"/>

</LinearGradientBrush>

<SolidColorBrush x:Key="DisabledBrush" Color="#99FFFFFF"/>

<CornerRadius x:Key="TileView_InneBorder_CornerRadius">8</CornerRadius>

<CornerRadius x:Key="TileView_OuterBorder_CornerRadius">5</CornerRadius>

<Style TargetType="telerik:RadTileViewItem">

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

<Setter Property="VerticalContentAlignment" Value="Stretch"/>

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

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

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

<Setter Property="Padding" Value="7"/>

<Setter Property="TileState" Value="Restored"/>

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="telerik:RadTileViewItem">

<Grid>

<VisualStateManager.VisualStateGroups>

<VisualStateGroup x:Name="CommonStates">

<VisualState x:Name="Normal"/>

<VisualState x:Name="Disabled">

<Storyboard>

<ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetProperty="Visibility" Storyboard.TargetName="DisabledVisual">

<DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

<VisualState x:Name="MouseOver"/>

</VisualStateGroup>

</VisualStateManager.VisualStateGroups>

<Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="{StaticResource TileView_OuterBorder_CornerRadius}" Margin="{TemplateBinding Padding}">

<Border BorderBrush="{StaticResource TileView_InneBorder}" BorderThickness="{StaticResource TileView_InneBorder_Thickness}" CornerRadius="{StaticResource TileView_InneBorder_CornerRadius}">

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="Auto"/>

<RowDefinition Height="*"/>

</Grid.RowDefinitions>

<ContentPresenter x:Name="ContentElement" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Grid.Row="1" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>

<Grid x:Name="ContentCacheHost" Grid.Row="1"/>

<StackPanel>

<Border BorderBrush="{StaticResource TileView_HeaderBorder}" BorderThickness="{StaticResource TileView_HeaderBorder_Thickness}" CornerRadius="{StaticResource TileView_HeaderBorder_CornerRadius}" Padding="10 0 7 0">

<Border.Background>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#69AEA4"/>

<GradientStop Color="#96C4BE" Offset="1"/>

</LinearGradientBrush>

</Border.Background>

<Grid MinHeight="28">

<Border x:Name="GripBarElement" Background="Transparent">

<ContentPresenter x:Name="HeaderElement" ContentTemplate="{TemplateBinding HeaderTemplate}" HorizontalAlignment="Left" Margin="0,0,10,0" VerticalAlignment="Center"/>

</Border>

<ToggleButton x:Name="MaximizeToggleButton" HorizontalAlignment="Right" Height="17" VerticalAlignment="Center" Width="17">

<ToggleButton.Template>

<ControlTemplate TargetType="ToggleButton">

<Grid>

<VisualStateManager.VisualStateGroups>

<VisualStateGroup x:Name="FocusStates">

<VisualState x:Name="Focused"/>

<VisualState x:Name="Unfocused"/>

</VisualStateGroup>

<VisualStateGroup x:Name="CommonStates">

<VisualState x:Name="Disabled"/>

<VisualState x:Name="Normal"/>

<VisualState x:Name="MouseOver">

<Storyboard>

<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="RestoreIcon">

<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TileView_ButtonBackground_MouseOver}"/>

</ObjectAnimationUsingKeyFrames>

<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="CollapseIcon">

<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TileView_ButtonBackground_MouseOver}"/>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

<VisualState x:Name="Pressed">

<Storyboard>

<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="RestoreIcon">

<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TileView_ButtonBackground_Pressed}"/>

</ObjectAnimationUsingKeyFrames>

<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="CollapseIcon">

<DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource TileView_ButtonBackground_Pressed}"/>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

</VisualStateGroup>

<VisualStateGroup x:Name="CheckStates">

<VisualState x:Name="Checked">

<Storyboard>

<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="Restore">

<DiscreteObjectKeyFrame KeyTime="0">

<DiscreteObjectKeyFrame.Value>

<Visibility>Collapsed</Visibility>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="Collapse">

<DiscreteObjectKeyFrame KeyTime="0">

<DiscreteObjectKeyFrame.Value>

<Visibility>Visible</Visibility>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

<VisualState x:Name="Unchecked">

<Storyboard>

<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="Restore">

<DiscreteObjectKeyFrame KeyTime="0">

<DiscreteObjectKeyFrame.Value>

<Visibility>Visible</Visibility>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="Collapse">

<DiscreteObjectKeyFrame KeyTime="0">

<DiscreteObjectKeyFrame.Value>

<Visibility>Collapsed</Visibility>

</DiscreteObjectKeyFrame.Value>

</DiscreteObjectKeyFrame>

</ObjectAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

<VisualState x:Name="Indeterminate"/>

</VisualStateGroup>

</VisualStateManager.VisualStateGroups>

<Grid x:Name="Restore" Background="Transparent" Height="13" Width="13">

<ToolTipService.ToolTip>

<ToolTip telerik:LocalizationManager.ResourceKey="TileViewItemMaximizeText"/>

</ToolTipService.ToolTip>

<Path x:Name="RestoreIcon" Data=

"M2,5 L2,8.9999999 6,8.9999999 6,5 z M0,3 L8,3 8,5 8,8.9999999 8,11 0,11 0,8.9999999 0,5 z M3,0 L11,0 11,2 11,8.9999999 9,8.9999999 9,2 3,2 z"

Fill="{StaticResource TileView_ButtonBackground}" Margin="1" Stretch="Fill" Stroke="{x:Null}" StrokeThickness="0.5"/>

<Path Data=

"M1,12 L9,12 9,13 1,13 z M3.9999999,7 L3.9999999,9 6,9 6,7 z M3,6 L7,6 7,7 7,9 7,10 3,10 3,9 3,7 z M0,4 L1,4 1,12 0,12 z M12,1 L13,1 13,10 12,10 z M3,1 L3.9999999,1 3.9999999,3 10,3 10,4 10,10 12,10 12,11 10,11 10,12 9,12 9,4 1,4 1,3 3,3 z M3.9999999,0 L12,0 12,1 3.9999999,1 z"

Fill="{StaticResource TileView_ButtonOuterBorder}" Stretch="Fill" Stroke="{x:Null}" StrokeThickness="0.5"/>

</Grid>

<Grid x:Name="Collapse" Background="Transparent" Height="5" Visibility="Collapsed" Width="12">

<ToolTipService.ToolTip>

<ToolTip telerik:LocalizationManager.ResourceKey="TileViewItemMinimizeText"/>

</ToolTipService.ToolTip>

<Rectangle Fill="{StaticResource TileView_ButtonOuterBorder}" Stroke="{x:Null}" StrokeThickness="0.5"/>

<Rectangle x:Name="CollapseIcon" Fill="{StaticResource TileView_ButtonBackground}" Margin="1" Stroke="{x:Null}" StrokeThickness="0.5"/>

</Grid>

</ControlTemplate>

</ToggleButton.Template>

</ToggleButton>

</Grid>

</Border>

<Border x:Name="Splitter" BorderThickness="0" Background="{StaticResource TileView_HeaderBorder_HorizontalSplitterBackground}" Height="4" OpacityMask="{StaticResource TileView_HeaderBorder_HorizontalSplitterOpacityMask}"/>

</StackPanel>

<Rectangle x:Name="DisabledVisual" Fill="{StaticResource DisabledBrush}" RadiusY="4" RadiusX="4" Grid.RowSpan="2" Visibility="Collapsed"/>

</Grid>

</Border>

</Grid>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</ResourceDictionary>

But the issue is, on clicking the maximize button in header it does nothing except changing the icon to minimize. I was expecting it to actually maximize the item. I am guessing that I need to stick some code to make that happen but where to write that code is my confusion.

Can you please suggest anything,

Thanks,
Deepak

P.S: Apologies for sticking a long code but it doesn't allow me to attach a XAML/zip file.

TileView

answered on 22 Aug 2014

2 answers

80 views

IsVirtualizing and PreservePositionWhenMaximized issue

I am having an issue when I have both IsVirtualizing and PreservePositionWhenMaximized set to true.

Here is the window code.

<Window x:Class="TileTest.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"

WindowStartupLocation="CenterScreen">

<Window.Resources>

<DataTemplate x:Key="ItemTemplate">

<TextBlock Text="{Binding}" />

</DataTemplate>

<DataTemplate x:Key="ContentTemplate">

<telerik:RadFluidContentControl>

<telerik:RadFluidContentControl.SmallContent>

<TextBlock Text="small" />

</telerik:RadFluidContentControl.SmallContent>

<telerik:RadFluidContentControl.Content>

<TextBlock Text="default" />

</telerik:RadFluidContentControl.Content>

<telerik:RadFluidContentControl.LargeContent>

<TextBlock Text="large" />

</telerik:RadFluidContentControl.LargeContent>

</telerik:RadFluidContentControl>

</DataTemplate>

</Window.Resources>

<Grid>

<telerik:RadTileView x:Name="radTileView"

ContentTemplate="{StaticResource ContentTemplate}"

ItemTemplate="{StaticResource ItemTemplate}"

MinimizedColumnWidth="200"

MinimizedRowHeight="200"

PreservePositionWhenMaximized="True"

IsVirtualizing="True"

/>

</Grid>

</Window>

Here is the code behind.

using System;

using System.Collections.Generic;

using System.Linq;

using System.Windows;

namespace TileTest

{

public partial class MainWindow : Window

{

public MainWindow()

{

InitializeComponent();

var data = new List<string>();

foreach (var num in Enumerable.Range(1, 12))

{

data.Add(String.Format("Item {0}", num));

}

this.radTileView.ItemsSource = data;

}

This gives a view with 12 items. If I double click the header of "item 1", it will maximize. If I scroll down to "item 12"
and double click it, it will maximize and the scroll possition will change slightly. If I scroll to the top of the small list, "item 1" is gone. If I restore "item 12" (all items normal size), "item 1" reappears.

If I set either the IsVirtualizing or PreservePositionWhenMaximized to false, the items do not "disappear". PreservePositionWhenMaximized needs to be true for our impementaion and disabling virualization is less than ideal.

Any ideas?

Ryan

TileView

answered on 22 Aug 2014

4 answers

423 views

combobox as suggestion/autocomplete from database

I'm able to get items from a database into a combobox, but it's querying way too much data. Also, the selected item isn't displaying the string I expected. Instead, it's showing the object type as a string. I clearly don't understand something and I'm stuck even though I'm following this.

Database table name = CityCountyState, e.g.

City County State

--------- --------- ---------

City1 County1 State1

City1 County2 State1

City2 County3 State2

City3 County4 State3

A city can be in more than one county, which is why I want to use a complex data template:

01.<DataTemplate x:Key="ComboBoxCustomTemplate">

02. <Grid Margin="0,2,0,2">

03. <Grid.ColumnDefinitions>

04. <ColumnDefinition />

05. <ColumnDefinition />

06. </Grid.ColumnDefinitions>

07. <Grid.RowDefinitions>

08. <RowDefinition />

09. <RowDefinition />

10. </Grid.RowDefinitions>

11. <TextBlock TextAlignment="Left" Grid.ColumnSpan="2" Text="{Binding City}" />

12. <StackPanel Grid.Row="1" Grid.Column="0" Orientation="Horizontal">

13. <TextBlock Text="County: " />

14. <TextBlock Foreground="Blue" Text="{Binding County}" />

15. </StackPanel>

16. <StackPanel Grid.Row="1" Grid.Column="1" Orientation="Horizontal">

17. <TextBlock Text="State: " />

18. <TextBlock Foreground="Blue" Text="{Binding State}" />

19. </StackPanel>

20. </Grid>

21.</DataTemplate>

Combo box XAML:

1.<telerik:RadComboBox

2. IsEditable="True"

3. StaysOpenOnEdit="True"

4. ItemsSource="{Binding Path=CitiesCountiesStates}"

5. SelectedItem="{Binding Path=SelectedCityCountyState}"

6. OpenDropDownOnFocus="True"

7. IsFilteringEnabled="True"

8. ItemTemplate="{StaticResource ComboBoxCustomTemplate}" />

Viewmodel:

01.public class AddEditViewModel : ViewModelBase<IDialogView>, IDisposable

02.{

03. private readonly GeotechLogContext context;

04.

05. public ObservableCollection<CityCountyState> CitiesCountiesStates { get; set; }

06. private string _SelectedCityCountyState;

07. public string SelectedCityCountyState

08. {

09. get

10. {

11. return this._SelectedCityCountyState;

12. }

13. set

14. {

15. // This doesn't work, but it's what I want to do in concept.

16. // Value is always a string that equals the object type

17. //

18. // CityCountyState x = (CityCountyState) value;

19. // this._SelectedCityCountyState = x.City + "," + x.County + "," + x.State;

20. this._SelectedCityCountyState = value;

21. }

22. }

23.

24. public AddEditViewModel : base( new AddEditWindow() )

25. {

26. this.context = new GeotechLogContext();

27. this.CitiesCountiesStates = new ObservableCollection<CityCountyState>

28. (this.context.CityCountyStates.ToList<CityCountyState>() );

29. }

30.}

The problem is obviously at line 27/28, but I don't know how to do it.

ComboBox

answered on 22 Aug 2014

2 answers

113 views

ID for aggregate cell

Supposingly I would like to bind ID to each of the aggregate cell and retreive it for later usage using View Model, how could it be done.

I understand that there are row group description, column group description and aggregate description to bind property directly,
but i couldn't find ways to bind id to aggregate cell and ways to retrieve it

PivotGrid

answered on 22 Aug 2014

3 answers

118 views

Problem with Controls on RadDocument

Hello

We have strange behavior on Twinhead Durabook T7M hardware (http://goldrushtechnology.com.au/Products/tabid/57/ProdID/2825/Default.aspx) OS: Microsoft Windows 7 32 bit.

When we try to activate the edit controls (f.e. RadComboBox) via the touch pen, they do not become active. Controls are provided by InlineUIContainer on the object RadDocument.

The result is that data can not be replaced via the touch pen. Edit controls have focus only for a fraction of a second, and then focus is lost.

When working with mouse there was no such problem. Installing other drivers for the touch pen did not help.

Problem occurs only for objects placed on the object RadDocument.

Version of Telerik software is 2013 Q2.

Best regards

Daniel Gontarek

General Discussions

answered on 22 Aug 2014

1 answer

305 views

Best Practices: Removing Columns from Grid

I have been using Persistence Framework to save the state of RadGridViews. The RadGridViews have a column chooser which enables the user to change the visible columns (IsVisible=true/false). The WPF program saves the state of grids on exit, and loads them when the program starts. This works very well.

However, recently, as part of an update to the software, I had to remove a column definition from the XAML and the Data Model. I noticed that when the program was loaded again, the column still appears (because I had chosen it in my grid) but the values are all blank.

My question is:
Are there any best practices for using the Persistence Framework with new releases of my software? For example, a way to force an update/automatically remove the persisted data for a particular grid that changes?

PersistenceFramework

answered on 22 Aug 2014

Top users last month