Questions on UI for WPF Forum

2 answers

292 views

StringFormat not formatting on new Items

I have a radCarousel bound to an ObservableCollection. On the carousel item I have label with:

<Label FontSize="18" Padding="0" Content="{Binding Effective_Date, StringFormat=d}" />

When I set the ItemSource to the ObservableCollection the Date is formatted correctly. However when I add an Item to the collection manually the date on the new Item is not formatted. It displays the full datetime string instead of just the date. How can I fix this?

Carousel

answered on 11 May 2012

1 answer

612 views

Expand All extremely slow - how to show busy?

Hello,

I have a fairly simple tree, but it may contain thousands of items in 5 or 6 levels of depth. The data collection is bound in MVVM and exists in the view model. I created a context menu on right click that allows the user to Expand All for a single node, which could potentially open hundreds of child nodes. When the expand command is executed, the collection is traversed and elements are changed to IsExpanded = true.

What I notice is that my view model command executes very quickly, but then the actual tree control spends quite a long time initializing the items and displaying the levels (can be 30 seconds or longer). I guess I can live with the long wait, but how do I present and clear a busy indicator when control is lost to the Telerik threads? Trying to set the busy indicator around the view model command only lasts for a second.

Are there other options for a faster or more visual response from the tree control?

The tree:

<HierarchicalDataTemplate x:Key="TreeObjectTemplate" ItemContainerStyle="{StaticResource containerStyle}" ItemsSource="{Binding ChildNodes}">

<StackPanel Orientation="Horizontal">

<TextBlock Text="{Binding DisplayName}" />

</StackPanel>

</HierarchicalDataTemplate>

<telerik:RadTreeView Grid.Row="0" x:Name="tvTree" ItemTemplate="{StaticResource TreeObjectTemplate}"

Margin="0,8,0,4" VerticalAlignment="Top" Padding="0,2,0,10"

IsSingleExpandPath="False" IsLineEnabled="True" ExpanderStyle="{DynamicResource ExpanderStyle}"

SelectionMode="Single" IsEditable="False" IsDragDropEnabled="False" ItemContainerStyle="{StaticResource containerStyle}"

ItemsSource="{Binding tvTreeData}"

SelectedItem="{Binding tvSelectedItem, Mode=TwoWay}"

MouseRightButtonDown="treeView_MouseRightButtonDown">

<telerik:RadContextMenu.ContextMenu>

<telerik:RadContextMenu>

<telerik:RadMenuItem Header="Expand All Levels" Command="{Binding ExpandCommand}"/>

<telerik:RadMenuItem Header="Collapse All Levels" Command="{Binding CollapseCommand}"/>

</telerik:RadContextMenu>

</telerik:RadContextMenu.ContextMenu>

<i:Interaction.Triggers>

<i:EventTrigger EventName="PreviewUnselected">

<Command:EventToCommand Command="{Binding Path=PreviewUnselectedCommand, Mode=OneWay}" PassEventArgsToCommand="True"/>

</i:EventTrigger>

<i:EventTrigger EventName="PreviewSelected">

<Command:EventToCommand Command="{Binding Path=PreviewSelectedCommand, Mode=OneWay}" PassEventArgsToCommand="True"/>

</i:EventTrigger>

</i:Interaction.Triggers>

</telerik:RadTreeView>

Expand Command:

private void ExpandAllChildren(MyTreeNode node, bool bExpandOrCollapse)

{

foreach (MyTreeNode childNode in node.ChildNodes)

{

ExpandAllChildren(childNode, bExpandOrCollapse);

}

if (node.ChildNodes.Count > 0)

node.IsExpanded = bExpandOrCollapse;

}

private RelayCommand _expandCommand;

public ICommand ExpandCommand

{

get

{

if (_expandCommand == null)

{

_expandCommand = new RelayCommand(() =>

{

try

{

UICursor = Cursors.Wait;

ExpandAllChildren(tvSelectedItem, true);

}

catch

{

}

finally

{

UICursor = Cursors.Arrow;

}

});

}

return _expandCommand;

}

Thanks for any help. Bob C.

TreeView

answered on 11 May 2012

5 answers

95 views

Is it possible to change the position of x and y offset of a character inside a radrichtextbox

i want to create manual spacing and overlapping of characters is this possible?

i have seen inside some application that the user can change the position of the character with sliders
one for x-axis and one for y-axis.

is this possible ?and how

RichTextBox

answered on 11 May 2012

1 answer

85 views

Display data on TimeBar dissappear

I have data bound to the ItemSource on a RadColumnSparkline within a RadTimeBar which displays fine on a usercontrol. However, the issue comes in with new visual rendering where the property on the viewmodel is set (for the ItemSource on the RadColumnSparkline) before the usercontrol is loaded. The binding between the viewmodel and view should be working on both scenarios?

TimeBar

answered on 11 May 2012

3 answers

166 views

Binding ObservableCollection to SqlGeospatialDataReader

I’ve problems binding an ObservableCollection<ISpatial> SpatialPolyItemCollection as Source in SqlGeospatialDataReader.

Nothing shows up in the map.

ISpatial is an Interface for a class Spatial containing Wkt to represent the polygon.

<telerik:InformationLayer x:Name="spatialPolyLayer">

<telerik:InformationLayer.Reader>

<telerik:SqlGeospatialDataReader x:Name="GeoReader" PreviewReadCompleted="PreviewReadCompleted"

Source="{Binding SpatialPolyItemCollection}" GeospatialPropertyName="Wkt" ToolTipFormat="Navn">

</telerik:SqlGeospatialDataReader>

</telerik:InformationLayer.Reader>

</telerik:InformationLayer>

I can make it work in code behind by adding GeoReader.Source = SpatialPolyItemCollection.

Any Ideas how I can make this binding work without the code behind line?

I know that my collection is valid because it works fine if I use the same collection inside a GridView

<telerik:RadGridView x:Name="gridGeometriView" SelectionMode="Extended"

ItemsSource="{Binding SpatialPolyItemCollection}" FrozenColumnCount="2" SelectionChanged="GridViewSelectionChanged"/>

Map

answered on 11 May 2012

1 answer

144 views

Get next/previous annotations on the same line (code sample)

I have modified some code so that you can get the Next & Previous Annotations ONLY if they exist on the same line as the caret.

Get Previous Same Line Annotation:

public static T GetPreviousSameLineAnnotationRangeStart<T>(this RadDocument document) where T : AnnotationRangeStart

{

//Document caret position

DocumentPosition caretPosition = new DocumentPosition(document.CaretPosition);

//Caret Line Info

ParagraphLineInfo caretLineInfo = caretPosition.GetCurrentInlineBox().LineInfo;

//Next Annotation LineInfo variable

ParagraphLineInfo previousAnnotationLineInfo = null;

if (!document.Selection.IsEmpty)

{

document.CaretPosition.MoveToPosition(document.Selection.Ranges.Last.StartPosition);

}

InlineLayoutBox inlineLayoutBox = document.CaretPosition.GetCurrentInlineBox();

do

{

inlineLayoutBox = (InlineLayoutBox)DocumentStructureCollection.GetPreviousElementOfType(inlineLayoutBox, typeof(AnnotationMarkerLayoutBox));

}

while (inlineLayoutBox != null && !(inlineLayoutBox.AssociatedInline is AnnotationRangeStart));

if (inlineLayoutBox == null)

{

return null;

}

else

{

//Get next annotation lineinfo if next annotation exists

previousAnnotationLineInfo = inlineLayoutBox.LineInfo;

}

//Compare caret & next annotation lines

if (previousAnnotationLineInfo != caretLineInfo)

{

return null;

}

return inlineLayoutBox.AssociatedInline as T;

}

Get Next Same Line Custom Annotation:

public static T GetNextSameLineAnnotationRangeStart<T>(this RadDocument document) where T : AnnotationRangeStart

{

//Document caret position

DocumentPosition caretPosition = new DocumentPosition(document.CaretPosition);

//Caret Line Info

ParagraphLineInfo caretLineInfo = caretPosition.GetCurrentInlineBox().LineInfo;

//Next Annotation LineInfo variable

ParagraphLineInfo nextAnnotationLineInfo = null;

if (!document.Selection.IsEmpty)

{

document.CaretPosition.MoveToPosition(document.Selection.Ranges.Last.EndPosition);

}

InlineLayoutBox inlineLayoutBox = document.CaretPosition.GetCurrentInlineBox();

while (inlineLayoutBox != null && !(inlineLayoutBox.AssociatedInline is AnnotationRangeStart))

{

inlineLayoutBox = (InlineLayoutBox)DocumentStructureCollection.GetNextElementOfType(inlineLayoutBox, typeof(AnnotationMarkerLayoutBox));

}

if (inlineLayoutBox == null)

{

return null;

}

else

{

//Get next annotation lineinfo if next annotation exists

nextAnnotationLineInfo = inlineLayoutBox.LineInfo;

}

T annotationRangeStart = inlineLayoutBox.AssociatedInline as T;

if (annotationRangeStart == null)

{

return null;

}

//Compare caret & next annotation lines

if (nextAnnotationLineInfo != caretLineInfo)

{

return null;

}

return annotationRangeStart;

}

Here are some examples on how you can use these (note that the Get Next & Previous methods above are in a class file named RadDocumentExtensions. Change this to whatever your class name is):

Previous Same Line Annotation (change the last message box details to suit your custom annotation properties):

SemanticRangeStart sameLinePreviousAnnotation = RadDocumentExtensions.GetPreviousSameLineAnnotationRangeStart<SemanticRangeStart>(

this.radRichTextBox.Document);

if (sameLinePreviousAnnotation == null)

{

MessageBox.Show("No previous annotations");

}

else

{

MessageBox.Show("Name: " + sameLinePreviousAnnotation.Product.Name.ToString() + "\n\nHas Child: " + sameLinePreviousAnnotation.Product.HasChild.ToString());

}

Next Same Line Annotation (change the last message box details to suit your custom annotation properties):

SemanticRangeStart sameLineNextAnnotation = RadDocumentExtensions.GetNextSameLineAnnotationRangeStart<SemanticRangeStart>(

this.radRichTextBox.Document);

if (sameLineNextAnnotation == null)

{

MessageBox.Show("No next annotations");

}

else

{

MessageBox.Show("Name: " + sameLineNextAnnotation.Product.Name.ToString() + "\n\nHas Child: " + sameLineNextAnnotation.Product.HasChild.ToString());

}

Thought I should share this with everyone. There's no point all of us trying to do the same job twice!

Thanks,

Rob

RichTextBox

answered on 11 May 2012

1 answer

187 views

Display tooltip on TimeBar

I want to display a tooltip for data points on the selectionPreview area on the TimeBar when the user does a mouseover on a RadColumnSparkline within a RadTimeBar. Is there a way to do this, as the selectionThumbPreview on the RadTimeBar is displayed in this area?

TimeBar

answered on 11 May 2012

1 answer

122 views

RadGridView as reuseable custom control

Hi ,
i am new to WPF and Telerik Controls , so obvious answers are also appreciated .
i need to implement RadGridView as a custom resuseable control as per client's requirements .i have created a radgridview in a wpf application with columns and their relevent bindings but client wants it as a custom control which when dragged to wpf window contains all columns by default and by just setting DataContext of the control will populate all the columns with data.
please guide me towards this implementation.
thanks

GridView

answered on 11 May 2012

3 answers

157 views

Set color by code

Hi,

i want to set the Startup color from white to a different one. This color i want to set by code (c#).
I tried this:

Color kdcol = ITA_CRM.Klassen.helper.HexColor("#FF008062");

// kdcol = "#FF008062"

this.KundenColorRCE.SelectedColor = kdcol;

this.KundenColorRCE.InitialColor = kdcol;

But in the form it is still white! Why?

Thanks a lot
Regards
Rene

ColorEditor

answered on 11 May 2012

3 answers

137 views

VS Designer issue with RadDocumentPane

Hi,

I've recently started using Telerik WPF controls so bare with me when I try to explain my problem. First thing I have tried to do was to create a dynamic layout docking application. As shown in number of tutorials, I have created a simple WPF application with RadDocumentHost and another UI class that looks like this:

<telerik:RadDocumentPane x:Class="RadControlsWpfApp1.RadControlsScenario1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" <span class="Apple-tab-span" style="white-space:pre"> xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" Header="RadControlsScenario1" mc:Ignorable="d" d:DesignHeight="288" d:DesignWidth="290"> <Grid> <TextBlock Text="Blah blah blah"/> </Grid> </telerik:RadDocumentPane>

When I try to look at the xaml for this window in VS designers, all I get is a large grey box that covers the entire area. At that point I can't drag/drop any new controls onto the window.

Also, in another application that I have converted to use RadDocumentPane, I get very large header tabs at runtime ( about half of the client space is covered by the header tab ).

Has anyone seen this too? Any help would be greatly appriciated.

Btw, I'm running latest version of the WPF toolkit ( 2012.1.326.40 )

Installer and Visual Studio Extensions

answered on 11 May 2012