Questions on UI for WPF Forum

1 answer

175 views

I have a single view with a number of different graphs, all of which have the same x-axis data based on dates.

At present I have the zoom behaviour syncing between the graphs but I would also like to have a trackball behaviour shared between them, is this possible? Or is there any way I could reproduce the effect of a trackball line?

ChartView

answered on 22 Oct 2015

1 answer

78 views

group sorting problem

Hi,

I have a question about GridView group sorting problem.

If I have some data like this:

Group_Name | Group_Order

T_group | 1

M_group | 3

J_group | 2

I want to GridView grouping by "Group_name" but the group order column is "Group_Order".

Do you have some good idea?

Thank you

GridView

answered on 22 Oct 2015

1 answer

212 views

Custom drawing 'on top of' shapes / the diagram control?

Hello,

Currently I am looking into using the Telerik Diagram library for a new application. Users have to be able to load a background image and then draw (and modify) areas of interest on top of this map (using the standard shapes). On top of that a the 'track / path' of a person has to be drawn / plotted (see the attached image). This drawing / plotting has to be 'live / animated' (e.g. the position of the person changes and this has to be visualized in real-time). Do you have any hints / tips on how to achieve this? What I would like is to have some kind of drawing canvas which has the same size as the 'background image shape' but anything drawn here should be displayed 'over' the other placed shapes. This canvas should also respond to zooming in/out of the diagram.

Kind regards,

Douwe

Diagram

answered on 22 Oct 2015

5 answers

373 views

[Solved] Can't insert InlineUIContainer into the right palce

For now, RadRichTextBox does not support dragging or pasting files. So I override the dragevent.

public class UserFile

{

public string name;

public string absoluteAddress;

public string image;

}

public class DragableRichTextBox : RadRichTextBox

{

public static readonly DependencyProperty UserFilesProperty;

static int dirCount;

static DragableRichTextBox()

{

FrameworkPropertyMetadata metadata = new FrameworkPropertyMetadata(new List<UserFile>(), FrameworkPropertyMetadataOptions.BindsTwoWayByDefault);

UserFilesProperty = DependencyProperty.Register("UserFiles", typeof(List<UserFile>), typeof(RadRichTextBox), metadata);

dirCount = 0;

}

public List<UserFile> UserFiles

{

get

{

userFiles.Clear();

XamlFormatProvider provider = new XamlFormatProvider();

XmlDocument xmlDocument = new XmlDocument();

string data = provider.Export(this.Document);

xmlDocument.LoadXml(data);

scanFileAndAddIamge(xmlDocument.FirstChild);

SetValue(UserFilesProperty, userFiles);

return (List<UserFile>)GetValue(UserFilesProperty);

}

set { SetValue(UserFilesProperty, value); }

}

List<UserFile> userFiles;

public string SaveDirectory;

public DragableRichTextBox()

{

this.AllowDrop = true;

this.AddHandler(RichTextBox.DropEvent, new DragEventHandler(dropIn), true);

this.AddHandler(RichTextBox.DragOverEvent, new DragEventHandler(dropOver), true);

userFiles = new List<UserFile>();

string basePath = @"C:\123\temp";

checkPath(basePath);

for (int i = dirCount; i < 1000; ++i)

{

if (checkPath(basePath + @"\" + i))

{

SaveDirectory = basePath + @"\" + i;

dirCount = i;

break;

}

bool checkPath(string path)

{

if (!Directory.Exists(path))

{

Directory.CreateDirectory(path);

return true;

}

else if(dirCount == 0)

{

Directory.Delete(path, true);

}

return false;

}

private void dropIn(object obj, DragEventArgs de)

{

if (de.Data.GetDataPresent(DataFormats.FileDrop))

{

string[] files = (string[])de.Data.GetData(DataFormats.FileDrop);

foreach (string file in files)

{

UserFile f = new UserFile();

System.Windows.Controls.Image image = new System.Windows.Controls.Image();

image.Source = GetIcon(file);

image.Height = image.Source.Height;

image.Width = image.Source.Width;

PngBitmapEncoder pictureEncoder = new PngBitmapEncoder();

pictureEncoder.Frames.Add(BitmapFrame.Create((BitmapSource)image.Source));

FileStream fs = new FileStream(String.Format(SaveDirectory + "/{0}.png", userFiles.Count), FileMode.OpenOrCreate, FileAccess.Write);

pictureEncoder.Save(fs);

fs.Close();

string path = String.Format(SaveDirectory + "/{0}.png", userFiles.Count);

f.image = path;

Uri uri = new Uri(path);

BitmapImage image1 = new BitmapImage(uri);

image.Source = image1;

StackPanel stk = new StackPanel();

stk.Children.Add(image);

Telerik.Windows.Controls.Label l = new Telerik.Windows.Controls.Label();

for (int i = file.Length - 1; i >= 0; --i)

{

if (file[i] == '\\')

{

l.Content = file.Remove(0, i + 1);

break;

}

Telerik.Windows.Controls.Label l1 = new Telerik.Windows.Controls.Label();

l1.Content = file;

l1.Visibility = Visibility.Collapsed;

stk.Children.Add(l);

stk.Children.Add(l1);

f.name = l.Content.ToString();

f.absoluteAddress = l1.Content.ToString();

userFiles.Add(f);

Section section = new Section();

Paragraph paragraph = new Paragraph();

InlineUIContainer container = new InlineUIContainer();

container.UiElement = stk;

container.Height = 25 + image.Height;

double x = l.Content.ToString().Length;

container.Width = x * 6.5 > image.Width ? x * 6.5 : image.Width;

paragraph.Inlines.Add(container);

section.Blocks.Add(paragraph);

this.Document.Sections.Add(section);

RecreateUI();

container.Width = stk.ActualWidth;

}

RecreateUI();

}

private void dropOver(object obj, DragEventArgs de)

{

if (de.Data.GetDataPresent(DataFormats.FileDrop))

{

de.Effects = DragDropEffects.Copy;

}

else if

(de.Data.GetDataPresent(DataFormats.Text) | de.Data.GetDataPresent(DataFormats.Bitmap) | de.Data.GetDataPresent(DataFormats.CommaSeparatedValue) | de.Data.GetDataPresent(DataFormats.Dib) | de.Data.GetDataPresent(DataFormats.Dif) | de.Data.GetDataPresent(DataFormats.EnhancedMetafile) | de.Data.GetDataPresent(DataFormats.FileDrop))

{

de.Effects = DragDropEffects.Scroll;

}

else

{

de.Effects = DragDropEffects.None;

}

private ImageSource GetIcon(string fileName)

{

Icon icon = System.Drawing.Icon.ExtractAssociatedIcon(fileName);

return System.Windows.Interop.Imaging.CreateBitmapSourceFromHIcon(

icon.Handle,

new Int32Rect(0, 0, icon.Width, icon.Height),

BitmapSizeOptions.FromEmptyOptions());

}

private void RecreateUI()

{

if (this.ActiveEditorPresenter != null)

{

this.ActiveEditorPresenter.RecreateUI();

this.UpdateEditorLayout();

}

private void scanFileAndAddIamge(XmlNode node)

{

if (node.ChildNodes.Count == 0)

return;

foreach (XmlNode xn in node.ChildNodes)

{

if (xn.Name == "av:StackPanel")

{

UserFile f = new UserFile();

foreach (XmlNode xn1 in xn.ChildNodes)

{

if (xn1.Name == "Label")

{

foreach (XmlAttribute attribute in xn1.Attributes)

{

if (attribute.Name == "Visibility" && attribute.Value == "Collapsed")

{

f.absoluteAddress = xn1.InnerText;

}

if (xn1.Attributes.Count == 0)

f.name = xn1.InnerText;

}

if (xn1.Name == "av:Image")

{

foreach (XmlAttribute attribute in xn1.Attributes)

{

if (attribute.Name == "Source")

{

for (int i = attribute.Value.Length - 1; i >= 0; --i)

{

if (attribute.Value[i] == '/')

{

attribute.Value = attribute.Value.Remove(0, i);

break;

}

attribute.Value = SaveDirectory + "/" + attribute.Value;

f.image = attribute.Value;

int kk = 11;

kk++;

}

userFiles.Add(f);

}

else

{

scanFileAndAddIamge(xn);

}

I can drag files now, but the files alway insert in the end of the RadDoucument. I don't know how to get the paragragh or section that my mosue point.

Please help me.

RichTextBox

answered on 22 Oct 2015

5 answers

876 views

[Solved] Set read-only property for cell.

Hello,

Can I put the property read-only only for a single cell in a row and not to the entire column?

I want to change this value depending on the remaining cells in row.

Thanks.

GridView

answered on 21 Oct 2015

1 answer

227 views

RadTreeView.ContainerFromItemRecursive returning null

I have a RadTreeView that I am expanding by applying a style.

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

<EventSetter Event="Selected" Handler="TreeViewItem_Selected" />

<Setter Property="IsExpanded" Value="True"></Setter>

</Style>

I am trying to display checkboxes next to items that meet a certain condition. To do this I am trying to hide the checkboxes on those elements that do not meet the condition.

I am hooking into the loaded event of my RadTreeView and trying to iterate down through the items, get the item container and hide the checkbox if necessary.

The problem I am having is that ContainerFromItemRecursive is returning null for any item that is not at the root level.

Here's my code.

private void FrameworkElement_OnLoaded(object sender, RoutedEventArgs e)

{

RadTreeView rtv = sender as RadTreeView;

foreach (IMeasurementTreeBase item in rtv.Items)

{

SetCheckBoxVisibilityRecursive(item, rtv);

}

public void SetCheckBoxVisibilityRecursive(IMeasurementTreeBase item, RadTreeView rtv)

{

if (!item.HasMeasurements())

{

RadTreeViewItem treeItem = rtv.ContainerFromItemRecursive(item);

if (treeItem != null)

{

var children = treeItem.ChildrenOfType<CheckBox>().ToList();

children[0].Visibility = Visibility.Collapsed;

}

foreach (IMeasurementTreeBase subItem in item.Children)

{

SetCheckBoxVisibilityRecursive(subItem, rtv);

}

Thanks

TreeView

answered on 21 Oct 2015

3 answers

144 views

Group indent removal UI issue

Hi,

I'm trying to remove indenting when grouping items in a GridView.I have it basically working by setting a style for GridViewIndentCell with Visibility Collapsed, however after doing this there is some space "left over" on the right of each grid view row. Could you please let me know how to get rid of it and have the row expand all the way to the right?

Thanks,

Adrian

GridView

answered on 21 Oct 2015

2 answers

149 views

[Solved] PropertyAggregateDescription as text

Hello,

I am about to end a WPF pivot but I still neeed one thing. In the code below you can see what I have already done but I would like the column "Description" to appear right where it is in the RadPivotGrid but I don't want it to be a Aggregate field. Now when the RadPivotGrid loads the data I can see "1" for every row in the column "Description" instead of the text. How should I define this field?

Thanks.

<pivot:LocalDataSourceProvider x:Key="dataProvider">

<pivot:LocalDataSourceProvider.RowGroupDescriptions>

<pivot:PropertyGroupDescription PropertyName="Type" />

<pivot:PropertyGroupDescription PropertyName="Type2" />

</pivot:LocalDataSourceProvider.RowGroupDescriptions>

<pivot:LocalDataSourceProvider.AggregateDescriptions>

<pivot:PropertyAggregateDescription PropertyName="Description" />

<pivot:PropertyAggregateDescription PropertyName="InitialDate" />

<pivot:PropertyAggregateDescription PropertyName="Price" />

<pivot:PropertyAggregateDescription PropertyName="Units" />

</pivot:LocalDataSourceProvider.AggregateDescriptions>

</pivot:LocalDataSourceProvider>

PivotGrid

answered on 21 Oct 2015

7 answers

458 views

PastingCellClipboardContent not firing after new row

Hi,

I have used PastingCellClipboardContent event on a wpf radgridview in order to convert the value pasted to a value in a combobox as described in: http://docs.telerik.com/devtools/wpf/controls/radgridview/clipboard/pasting.html

My grid has definition:

ClipboardCopyMode="Cells"
ClipboardPasteMode="Cells"

However, when copying a cell, then adding a new row and then trying to paste the content, this event does not fire (and produces very odd behaviour in the grid, but that's besides the point).

Any ideas?

Thanks.

GridView

answered on 21 Oct 2015

1 answer

197 views

InvalidOperationException

Hi,

When I added Telerik to my application, I used .Net framework 4.5 and platform target x86. I used a RadCarousel and it worked perfect. Later I had to switch to .Net 4.0 framework and change the Telerik version to v.2014.3.1021.40. But now I have a problem. I reduced the code to a minimum for a test purposes:

<Window x:Class="myBRH.AddPhotosWnd"

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="AddPhotosWnd" Height="300" Width="1024">

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="10*"/>

<ColumnDefinition Width="135*"/>

<ColumnDefinition Width="855*"/>

<ColumnDefinition Width="16*"/>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

<RowDefinition Height="2*"/>

<RowDefinition Height="10*"/>

<RowDefinition Height="3*"/>

<RowDefinition Height="36*"/>

<RowDefinition Height="3*"/>

</Grid.RowDefinitions>

<Button

Grid.Column="1" Grid.Row="1" Click="Button_Click"/>

<telerik:RadCarousel x:Name="rc" Grid.Column="1" Grid.ColumnSpan="2"

Grid.Row="3" HorizontalScrollBarVisibility="Hidden"/>

</Grid>

</Window>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Shapes;

namespace myBRH

{

/// <summary>

/// Interaction logic for AddPhotosWnd.xaml

/// </summary>

public partial class AddPhotosWnd : Window

{

public AddPhotosWnd()

{

InitializeComponent();

}

private void Button_Click(object sender, RoutedEventArgs e)

{

string str = "sdfsd";

rc.Items.Add(str);

rc.BringDataItemIntoView(rc.Items[0]);

}

The problem:

When second item is added to the RadCarousel.Items, System.InvalidOperationException is thrown with the message: "Collection was modified; enumeration operation may not execute."

Exception is not thrown if I comment out the rc.BringDataItemIntoView(rc.Items[0]); method call.

<Window x:Class="mytest.Wnd"

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"

Height="300" Width="1024">

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="10*"/>

<ColumnDefinition Width="135*"/>

<ColumnDefinition Width="855*"/>

<ColumnDefinition Width="16*"/>