Questions on UI for WPF Forum

1 answer

112 views

hot spot

Is it possible to realize a hot spot like attached file by RadMap? Income parameter is longitude and latitude and count

Map

answered on 05 Nov 2014

1 answer

165 views

Dynamic Loading of Usercontrol

I am using RadRibbon view.In my Ribbonview some tabs are there.When Click on a tab a usercontrol will load dynamically.Inside this tab there is a ribbon group with abutton.When click this button in the group I trying to visible a panel in the usercontrol.But I didn't get the panel from the group button click.Can anyone help?

Thankd in advance

Here is my code

<telerik:RadRibbonTab x:Name="rtbDevice" Cursor="Hand" Header="Devices" FontFamily="Arial" FontWeight="Bold" Margin="0,1,0,0" >

<telerik:RadRibbonGroup Header="Actions" FontWeight="Normal" Margin="0,0,0,-3" Height="95" VerticalAlignment="Top" Width="192" DataContext="DeviceViewModel">

<telerik:RadRibbonButton LargeImage="/Images/add-user.png" Name="btnAddNewDevice" Command="{Binding ElementName=uctrlDeviceList, Path=DataContext.ShowPanelCmd}"
Size="Large" Text="New" Width="70" Cursor="Hand"

>
</telerik:RadRibbonButton>
<StackPanel Margin="0,0,0,-5">
<telerik:RadRibbonButton CollapseToSmall="WhenGroupIsMedium"
SmallImage="/Images/Edit.png" Cursor="Hand"
telerik:ScreenTip.Description="Select datagrid row and click edit"
telerik:ScreenTip.Title="Edit" Command="{Binding EditDeviceCommand}"
Text="Edit" Height="19" />
<telerik:RadRibbonButton CollapseToSmall="WhenGroupIsMedium" Margin="0,4,0,0"
SmallImage="/Images/Duplicate.png" Cursor="Hand"
telerik:ScreenTip.Description="Copy the selection and put it on the Clipboard."
telerik:ScreenTip.Title="Duplicate"
Text="Duplicate" Height="22" />
<telerik:RadRibbonButton CollapseToSmall="WhenGroupIsMedium" Margin="0,5,0,0"
SmallImage="/Images/Delete.png" Cursor="Hand"
telerik:ScreenTip.Description="Copy formatting from one place and apply it to another.Double-click this button to apply the same formatting to multiple places in the document."
telerik:ScreenTip.Title="Delete"
Text="Delete" RenderTransformOrigin="0.452,0.909" Height="13" />
</StackPanel>
</telerik:RadRibbonGroup>

</telerik:RadRibbonTab>

RibbonView and RibbonWindow

answered on 05 Nov 2014

1 answer

95 views

About seriesProvider changed

Hello, I'm using RadCartesianChart.

I write this forum because I need some function.

- When 'Series' is changed , axis range of multivertical is changed (at the same time)

And I using RadGridView.

This control's ItemsSource is 'LegendItems' of RadCartesianChart.

I want to operate this.

Automatically, RadGridView is showing refresh effect.

What should I do?

I attached related picture files.

Chart

answered on 05 Nov 2014

1 answer

470 views

[Solved] Real-time chart with dynamic collection of Lineseries

Hi,

I am working on a project where I need two things to be satisfied:
1. The chart has to be plotted for real-time data where each series on the chart must be smoothly plotted without any synchronization issue.
2. The Observablecollection that contains the list of series to be plotted (which is used to set as datacontext) has to be dynamic, i.e., it must be possible to add/remove the series dynamically.

I'm able to achieve the above features separately but not together, i.e., On adding a new Series dynamically, the chart doesn't show continuous data plot for all the series, even after using Task/Dispatcher. Any suggestion on how should I proceed on this?
Thank you in advance.

Chart

answered on 05 Nov 2014

1 answer

446 views

WPF datagrid. Load and performance

Hello,

We are working on a WPF application. On some screens that seem very simple, load times are very long, even when there is no datas to bind.
I enclose you a basic example with a radGridView. This screen takes about 4 seconds to load on a PC windows 7 64, I5, 4GB RAM.

Can you enlighten us? We do something wrong? How can we improve the loading time?

Best regards.

in XAML :

<Window
x:Class="perfDG.CommandeRepartition"
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="CommandeRepartition"
Loaded="frmRepartition_Loaded"
WindowStartupLocation="CenterScreen"
MaxHeight="700"
x:Name="frmRepartition"
SizeToContent="WidthAndHeight">

<Grid>
   <Grid.RowDefinitions>
     <RowDefinition Height="35"></RowDefinition>
     <RowDefinition></RowDefinition>
     <RowDefinition Height="80"></RowDefinition>
   </Grid.RowDefinitions>


    <Grid Grid.Row="0">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*"></ColumnDefinition>
<ColumnDefinition Width="Auto"></ColumnDefinition>
</Grid.ColumnDefinitions>
<TextBlock Foreground="White" HorizontalAlignment="Right" VerticalAlignment="Center" Margin="0,0,10,0" Text="Regroupement"></TextBlock>
<ComboBox x:Name="cbbGroupement" Margin="2"
MinWidth="150"
Grid.Row="0" Grid.Column="1"
BorderBrush="Black" BorderThickness="1" Background="White"
ItemsSource="{Binding Path=LstItemGroupementRepartition}"
SelectedValuePath="Valeur"
DisplayMemberPath="Libelle"
SelectionChanged="cbbGroupement_SelectionChanged">
</ComboBox>
<Border Grid.Column="1" Margin="2" BorderThickness="1" BorderBrush="Black"></Border>
</Grid>




<Grid Grid.Row="2">
<StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
<Button x:Name="btnRetour" Margin="10,5" Height="60" Width="80" Click="btnRetour_Click">
<StackPanel>
<TextBlock Text="Retour" ></TextBlock>
</StackPanel>
</Button>
</StackPanel>
</Grid>

</Grid>
</Window>


in CS :

// Loading data from a database
// form.datacontext = this

GridView

answered on 05 Nov 2014

3 answers

804 views

[Solved] Highlight SelectedItem

How can I make a RadGrid to always highlight the SelectedItem (or CurrentItem) in full color like in the screen-shot OK.png.

Why does the SelectedItem ist sometimes only have a border like in the other screen-shot (NotOK.png).

I want a behavior like in a ListBox where some item is always "active" (i.e. selected).

GridView

answered on 04 Nov 2014

3 answers

137 views

TreeListView Different ColumnHeader according rows

Hi,

I want to use the TreeListView to display a hierarchical list of 2 or 3 differents types of object. I want to display different columnHearder according with row is selected. I don't want to use Gridviews with rowdetails. I want to have the columnHearders of each rowType in a same position.

How can I achieve this ?

TreeListView

answered on 04 Nov 2014

10 answers

560 views

RTL Problems With RadRichTextBox

I'm having problems loading an Arabic document into a RadRichTextBox -- the crux of the problem is that if you set the FlowDirection on the RadRichTextBox it puts the scroll bar on the left (where it should be) but it reverses the text. If one sets the FlowDirection to LeftToRight the text is correctly displayed (RTL and right aligned) but the scrollbar is on the right.

Is this is a known problem or is the some way to load the control to make to correct this?

Thanks,
Scott

Capture1.png shows a demo app that has a WebBrowser, RichTextBox and RadRichTextBox side by side, note that the text is the same in all controls, but the scrollbar is placed incorrectly on the RadRichTextBox (far right in the image).

Capture2.png shows the same app with the FlowDirection set to RightToLife; obviously the text is reversed.

Here's the guts of the code that loads the controls

public MainWindow()

{

StyleManager.ApplicationTheme = new Windows8Theme();

RadRichTextBox.DefaultTextRenderingMode =

Telerik.Windows.Documents.UI.TextBlocks.TextBlockRenderingMode.TextBlockWithPropertyCaching;

InitializeComponent();

Loaded += (sender, args) =>

{

var htmlContent = File.ReadAllText(@"..\..\Arabic-Lipsum.html");

MyWebBrowser.NavigateToString(htmlContent);

var sourceConverter = new HtmlFormatProvider();

var converted = sourceConverter.Import(htmlContent);

MyRadRichTextBox.Document = converted;

var rtf = new RtfFormatProvider();

var rtfFromHtml = rtf.Export(converted);

using (var ms = new MemoryStream(Encoding.UTF8.GetBytes(rtfFromHtml)))

{

MyRichTextBox.Selection.Load(ms, DataFormats.Rtf);

}

};

}

And here's the XAML

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

Width="1250"

Height="750"

ResizeMode="CanResizeWithGrip"

WindowStartupLocation="CenterScreen">

<Grid>

<Grid Grid.Row="0" Margin="10">

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition />

</Grid.ColumnDefinitions>

<WebBrowser Name="MyWebBrowser"

Grid.Column="0"

Margin="5" />

<RichTextBox Name="MyRichTextBox"

FlowDirection="RightToLeft"

Grid.Column="1"

Margin="5"

HorizontalScrollBarVisibility="Auto"

VerticalScrollBarVisibility="Auto" />

<telerik:RadRichTextBox Name="MyRadRichTextBox"

FlowDirection="RightToLeft"

Grid.Column="2"

Margin="5" />

</Grid>

</Window>

RichTextBox

answered on 04 Nov 2014

4 answers

240 views

[Solved] How to Hide the border on a Gauge?

I need a vertical scale to be displayed next to an image that have a moving png image. I've used a Telerik Vertical Gauge and a Linear Scale but my client doesn't want to see the gauge borders. How can I customize the gauge to remove the borders without making the scale disappear? Visibility and opactiy makes everything invisible so that's not going to work! Thank you. Here's my xaml and images of what I need and what I have! I appreciate your help!

<telerik:RadVerticalLinearGauge Grid.Row="2"
Visibility="Visible"
Opacity=".65"
Foreground="LightBlue"
Background="LightBlue"
Margin="15,0,162,0"
BorderBrush="LightBlue"
BorderThickness = "0,0,0,0">
<telerik:VerticalLinearScale Max="{Binding MastScaleMax.Value}"
MajorTickRelativeWidth="5"
ClipToBounds="True"
FontWeight="ExtraBold"
Min="-10"
MajorTicks="{Binding MastScaleMax.Value,Converter={StaticResource MyIncrementCalculatorConverter}}"
MinorTicks="5"
BorderBrush="LightBlue" BorderThickness="0,0,0,0" Margin="18,-20,15,0" Height="644" VerticalAlignment="Top">
<telerik:Marker x:Name="TopDriveMarker" Opacity="0" telerik:ScaleObject.RelativeWidth="0.1*"
telerik:ScaleObject.RelativeHeight="0.05*" Width="5" Height="5"
Value="{Binding ElevatorPosition.Value}"
telerik:ScaleObject.Location="OverCenter" Margin="0,0,0,0">
</telerik:Marker>
</telerik:VerticalLinearScale>
</telerik:RadVerticalLinearGauge>

Gauges

answered on 04 Nov 2014

4 answers

204 views

Filtering cleared when switching tabs

Hi

I have the same problem as this person: StackOverflow question. If you have a RadGridView inside a TabControl, the grid view will lose its filtering and sorting options when you switch to another tab and back.

Details:

.NET 4.0
RadControls version: 2011.2.920.40
The grid views are bound to ObservableCollections or ICollectionViewSource. The filtering is only performed by clicking on the filter button on the column header. No filtering is performed in code.
Everything is implemented using the MVVM pattern.

Regards
Pierre-Andre

GridView

answered on 04 Nov 2014