Questions on UI for WPF Forum

3 answers

488 views

Mixing Right-To-Left and Left-To-Right Text

It appears as though the WPF RichTextBox doesn't play well with mixing LTR and RTL characters in the same string.

Pasting the following string into the TextBox gives mixed results including displaying question marks, flipping brackets and changing the position of neutral characers. The issue seems to persist even when putting an LRM character in front of the bracket, as seen in this article: http://www.iamcal.com/understanding-bidirectional-text/.

[KEY]="مرحبا العالم"

Pasting the same text into (for example) Notepad++ displays the text just fine. Is this a known issue, and are there any plans to support this?

Thanks,
Tom

RichTextBox

answered on 19 Sep 2013

3 answers

275 views

Scaling Coordinates for positioning of items on Rad Diagram

I have the the following requirements, that I'm unsure as to how to implement with the Rad Diagram control:

Our business objects all have geographical coordinates associated with them. The objects should be displayed as items on a diagram with the diagram positioning being representative of their geographical coordinates (Note The coordinate system in use is Northing / Easting). These coordinates should be two-way (i.e. the user should be able to drag the object to a new position and this should reflected in our object model).

Thus far I'm having difficulty understanding the following:

1) How to apply a 2 way scaling between the RadDiagram node's Point position and the business objects geographical Coordinates. The scaling should take into consideration the available space in the RadDiagram and the series of coordinates being plotted.
2) Have the business object's geographical coordinates display in the InformationAdorner i.e. whenever the object is being dragged the adorner should display the coordinates and not the X & Y of the Point.
3) How to flip the Y axis of the diagram (perhaps this is to be done in the scaling?)

I've looked thru' all the examples on the RadDiagram, but none seem appropriate for the above requirements. Any tips would be appreciated?

Gary.

Diagram

answered on 19 Sep 2013

5 answers

310 views

How to display values in CandleStickChart's Bars

I am able to get the Mockup using CandleStick chart.. Please look into the attached Screenshot.

Can somebody help me in solving the below 2 issues..

    1. I have to display the "HighValue" and "LowValue" at the top and bottom of every item as in the mockup.

    2. Using Annotation, I have drawn a line at the value of "13" and i have named the Label as "BASE VALUE".

       I want that label to be displayed outside the graph as in the mockup.



<

telerik:RadCartesianChart x:Name="xCartesianChart" Height="300" Width="400" Palette="Windows8" >

<telerik:RadCartesianChart.VerticalAxis>

<telerik:LinearAxis x:Name="verticalAxis" HorizontalLocation="Left"/>

</telerik:RadCartesianChart.VerticalAxis>

<telerik:RadCartesianChart.HorizontalAxis >

<telerik:CategoricalAxis VerticalLocation="Top" LineThickness="1" LabelInterval="2" ShowLabels="True"/>

</telerik:RadCartesianChart.HorizontalAxis>

<telerik:CandlestickSeries x:Name="xCandleStick"

CategoryBinding="XValue"

LowBinding="YValue2" HighBinding="YValue"

CloseBinding="YValue2" OpenBinding="YValue"

ShowLabels="True"/>

<telerik:RadCartesianChart.Annotations>

<telerik:CartesianGridLineAnnotation Axis="{Binding ElementName=verticalAxis}" Label="BASE VALUE" Value="13" Stroke="Green">

<telerik:CartesianGridLineAnnotation.LabelDefinition>

<telerik:ChartAnnotationLabelDefinition Location="Left" VerticalAlignment="Top" VerticalOffset="0" HorizontalOffset="80"/>

</telerik:CartesianGridLineAnnotation.LabelDefinition>

</telerik:CartesianGridLineAnnotation>

</telerik:RadCartesianChart.Annotations>

</telerik:RadCartesianChart>

//Code-behind

public MainWindow()

{

InitializeComponent();

PopulateCartesianChart();

}

void PopulateCartesianChart()

{

Random rnd = new Random();

List<ChartDataClass> chartDatas = new List<ChartDataClass>();

for (int i = 0; i < 20; i++)

{

ChartDataClass cdc = new ChartDataClass();

cdc.XValue = i;

cdc.YValue = rnd.NextDouble() * 100;

cdc.YValue2 = cdc.YValue - 50;

chartDatas.Add(cdc);

}

xCartesianChart.Series[0].ItemsSource = chartDatas;

}

Thanks in Advance :)

ChartView

answered on 19 Sep 2013

11 answers

822 views

Dynamically Add Panels

Is there a way to dynamically add panels to the dock control for WPF? I know in the winforms conrols you can use

RadDock1.DockControl but I have not seen any samples or documentation for this feature. I have also looked at the Silverlight documentation and there is nothing there either.

Alex

Docking

answered on 19 Sep 2013

7 answers

177 views

Touch Performance in Win8

Hi!

Have you guys already tried your PDF viewer control on the Win8 community preview ?
We're trying to port an app to Win8 and are unable to get PDF viewer performance under WPF anywhere near the integrated Win8 viewer.

Are we doing something wrong or is there a performance issue with WPF and the touch interface ?

Thanks

Martin

PDFViewer

answered on 19 Sep 2013

1 answer

116 views

BusyIndicator Disables Hyperlinks in DataGrid

Hi, I've encountered an issue when a DataGrid is placed inside a RadBusyIndicator (most current build of WPF Controls), a hyperlink in a column in the grid will be disabled.

Here's quick sample of code to demonstrate the problem...

<Window

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

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

xmlns:TestAppWpf="clr-namespace:TestApp_WPF"

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

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"

xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"

x:Class="TestApp_WPF.MainWindowView"

x:Name="window"

Width="800" Height="600"

TextOptions.TextFormattingMode="Display"

AllowDrop="True">

<Window.Resources>

<TestAppWpf:MainWindowViewModel x:Key="Vm" />

</Window.Resources>

<telerik:RadBusyIndicator DataContext="{Binding Source={StaticResource Vm}}"

IsBusy="{Binding IsBusy, Mode=OneWay}"

BusyContent="{Binding BusyContent, Mode=OneWay}">

<StackPanel Margin="6" DataContext="{Binding Source={StaticResource Vm}}">

<TextBlock Margin="3">

<Hyperlink>

<i:Interaction.Triggers>

<i:EventTrigger EventName="Click">

<ei:CallMethodAction TargetObject="{Binding}" MethodName="DoWork" />

</i:EventTrigger>

</i:Interaction.Triggers>

<TextBlock Text="Click Me" />

</Hyperlink>

</TextBlock>

<DataGrid Margin="3"

ItemsSource="{Binding Items}"

SelectedItem="{Binding SelectedItem}"

AutoGenerateColumns="False"

SelectionUnit="FullRow"

SelectionMode="Single"

CanUserDeleteRows="False"

CanUserAddRows="False"

IsReadOnly="True"

AllowDrop="True">

<DataGrid.Columns>

<DataGridTextColumn Binding="{Binding FirstName}" />

<DataGridTextColumn Binding="{Binding LastName}" />

<DataGridTextColumn Binding="{Binding DOB}" />

<DataGridTemplateColumn x:Name="uxColumn_Edit"

CanUserSort="False">

<DataGridTemplateColumn.CellTemplate>

<DataTemplate>

<TextBlock Margin="3">

<Hyperlink>

<i:Interaction.Triggers>

<i:EventTrigger EventName="Click">

<ei:CallMethodAction

TargetObject="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=DataGrid}, Path=DataContext}"

MethodName="DoWork" />

</i:EventTrigger>

</i:Interaction.Triggers>

<TextBlock Text="Edit" />

</Hyperlink>

</TextBlock>

</DataTemplate>

</DataGridTemplateColumn.CellTemplate>

</DataGridTemplateColumn>

</DataGrid.Columns>

</DataGrid>

</StackPanel>

</telerik:RadBusyIndicator>

</Window>

and the view model...

using System;

using System.Collections.ObjectModel;

using System.ComponentModel;

using System.Threading;

using System.Threading.Tasks;

namespace TestApp_WPF

{

public class MainWindowViewModel : INotifyPropertyChanged

{

#region Fields

private bool _isBusy;

private string _busyContent;

public event PropertyChangedEventHandler PropertyChanged;

protected virtual void OnProperyChanged(string propertyName)

{

if (PropertyChanged != null)

PropertyChanged(this, new PropertyChangedEventArgs(propertyName));

}

public ObservableCollection<Person> _items;

public Person _selectedItem;

#endregion

#region Properties

/// <summary>

/// Gets or sets a value indicating whether [is busy].

/// </summary>

/// <value>

/// <c>true</c> if [is busy]; otherwise, <c>false</c>.

/// </value>

public bool IsBusy

{

get { return _isBusy; }

set

{

if (_isBusy == value)

return;

_isBusy = value;

OnProperyChanged("IsBusy");

}

/// <summary>

/// Gets or sets the content of the busy.

/// </summary>

/// <value>

/// The content of the busy.

/// </value>

public string BusyContent

{

get { return _busyContent; }

set

{

if (_busyContent == value)

return;

_busyContent = value;

OnProperyChanged("BusyContent");

}

/// <summary>

/// Gets the items.

/// </summary>

/// <value>

/// The items.

/// </value>

public ObservableCollection<Person> Items

{

get

{

if (_items == null)

{

_items = new ObservableCollection<Person>

{

new Person

{

FirstName = "John",

LastName = "Doe",

DOB = new DateTime(1972, 5, 9),

},

new Person

{

FirstName = "Jim",

LastName = "Smith",

DOB = new DateTime(1954, 12, 15),

}

};

}

return _items;

}

/// <summary>

/// Gets or sets the selected item.

/// </summary>

/// <value>

/// The selected item.

/// </value>

public Person SelectedItem

{

get { return _selectedItem; }

set

{

if (_selectedItem == value)

return;

_selectedItem = value;

OnProperyChanged("SelectedItem");

}

#endregion

#region Methods

public void DoWork()

{

Task.Factory.StartNew(

() =>

{

IsBusy = true;

BusyContent = "Working...";

Thread.Sleep(5000);

IsBusy = false;

});

}

#endregion

}

public class Person

{

public string FirstName { get; set; }

public string LastName { get; set; }

public DateTime DOB { get; set; }

}

As you'll see, the hyperlinks in the datagrid's "edit" column are disabled. However, if you comment out the RadBusyIndicator (and it's closing tag), the "edit" column will then be enabled. Also, if it helps, if you change the datagrid to "IsReadOnly=False", then an edit hyperlink will become enabled if you double click on it.

As you can also see, the hyperlink at the top of the window that is not part of the datagrid is unaffected by this issue.

Thanks,
Andy

BusyIndicator

answered on 19 Sep 2013

8 answers

216 views

RadTreeListView problem with AlternateRowBackground or AlternateRowStyle

Hello,

I have a problem with setting AlternateRowBackground or AlternateRowStyle for RadTreeListView. It occures only when vertical scroll bar is visible.

When I put hierarchical data into RadTreeListView and begin to expand and collapse parent rows alternation coloring becomes broken. So I get a pair of rows with the same color instead of iterating.

There's a screenshot of the result in the attach.

The code is very simple:

<telerik:RadTreeListView ItemsSource="{Binding Path=TestData}"

AlternationCount="2"

AlternateRowBackground="DarkGray">

<telerik:RadTreeListView.ChildTableDefinitions>

<telerik:TreeListViewTableDefinition ItemsSource="{Binding Path=Children}" />

</telerik:RadTreeListView.ChildTableDefinitions>

</telerik:RadTreeListView>

TreeListView

answered on 19 Sep 2013

1 answer

104 views

TreeView animation blur

Hi, I have problem, When I expand node in my treeview my text (TreeViewItems Header) gets blured, I am using in animation (on collapsed out animation)

<Setter Property="telerik:AnimationManager.AnimationSelector">

<Setter.Value>

<telerik:AnimationSelector>

<Animation:TreeViewExpandCollapseAnimation AnimationTargetName="ItemsHost" AnimationName="Expand" Direction="In" Duration="00:00:01" SpeedRatio="3" TargetName="{x:Null}"/>

<Animation:TreeViewExpandCollapseAnimation AnimationTargetName="ItemsHost" AnimationName="Collapse" Direction="Out" Duration="00:00:01" SpeedRatio="3" TargetName="{x:Null}"/>

</telerik:AnimationSelector>

</Setter.Value>

</Setter>

TreeView