Questions on UI for WPF Forum

2 answers

183 views

Hello,

I want to show the panzoombar when the user zoom the chart, and hide the panzoombar if there is no zoom. So I implement this:

I add tiggers in the a style for panzoombar:

<Style.Triggers> <Trigger Property="Orientation" Value="Horizontal"> <Setter Property="Visibility" Value="{Binding HorizontalPanZoomBarVisible, Converter={StaticResource BooleanToVisibilityConverter}}"/> </Trigger> <Trigger Property="Orientation" Value="Vertical"> <Setter Property="Visibility" Value="{Binding VerticalPanZoomBarVisible, Converter={StaticResource BooleanToVisibilityConverter}}"/> </Trigger> </Style.Triggers>

In the view model:

private Size _zoom = new Size(1, 1);  public Size Zoom {  get { return _zoom; }  set { _zoom = value;  if

(Math.Abs(_zoom.Width - 1) < 0.00001f)<br>                {<br>                    HorizontalPanZoomBarVisible =

false; }  else { HorizontalPanZoomBarVisible = true; }  if

(Math.Abs(_zoom.Height - 1) < 0.00001f)<br>                {<br>                    VerticalPanZoomBarVisible =

false; }  else { VerticalPanZoomBarVisible = true; } } }  public bool VerticalPanZoomBarVisible {  get {  return _verticalPanZoomBarVisible; }  set

<br>            {<br>              _verticalPanZoomBarVisible = value;<br>                RaisePropertyChanged(() => VerticalPanZoomBarVisible);<br>          }<br>       }<br><br>

private bool _horizontalPanZoomBarVisible;  private bool _verticalPanZoomBarVisible;  public bool HorizontalPanZoomBarVisible {  get { return _horizontalPanZoomBarVisible; }  set

<br>         {<br>               _horizontalPanZoomBarVisible = value;<br>                RaisePropertyChanged(() => HorizontalPanZoomBarVisible);<br>          }<br>       }

The chart:

<telerik:RadCartesianChart Grid.Row="2" x:Name="Chart" Margin="20" Zoom="{Binding Zoom, Mode=TwoWay}">

The problem is, it work only for the first time, at the beginning, there is no zoom, so the panzoombar hides correctly, after I zoom, the panzoombar appear correctly, but if I reset zoom to (1,1), and zoom again, the panzoombar never appear, I don't know why? I use snoop to check and find out the visibility of the panzoombar is changed correctly, but I still can not see it.

Do you have any ideas?

Thanks,

Jie

ChartView

answered on 27 Aug 2015

2 answers

223 views

Custom sorting collapses all groups

Normally when you sort a column wether the groups are open or closed is remembered.

But when adding Custom sorting to RadGridView and all the groups are collapsed when sorting, but if you add AutoExpandGroups all groups are expanded.

I figure the reason is that the items are re-added to the collection.

I would really like to have the default behaviour, where the open groups are open and the closed are closed, event after sorting.

Is there a way to do this??

Regards

Martin

GridView

answered on 26 Aug 2015

5 answers

1.7K+ views

Where is the Demo Source Code for WPF?

Hi

I am trying to find the demo source code for the UI for WPF. But, I can only download the binaries from telerik. Can you show me where I can download the source code?

Thanks.
Danny

General Discussions

answered on 26 Aug 2015

7 answers

234 views

How unselect default selection in the item list?

Hi!

In the AutoCompleteBox in Suggest mode, when I enter some search text, the control always select the first element of the filtered list. Conversely, when I delete a char of my search text, nothing is selected in the filtered list even if it contains items.

Is it a way to always select the first item (even if a delete is done) or to always select nothing (event if I put chars).

Thanks for your answer!

Alex

AutoCompleteBox

answered on 26 Aug 2015

1 answer

224 views

Select multiple nodes/radtreeview Items by dragging mouse

Hi

Is it possible to select multiple nodes in TreeView after clicking on one node and then dragging mouse just like we do in GridView. Basically I need to implement DragElementAction property in Treeview but cannot find it in this control.

Any help would be greatly appreciated.

TreeView

answered on 26 Aug 2015

18 answers

287 views

Padding for MapGeometryView

Hi,

I have a class that inherit form MapGeometryView that create a custom PathGeometryData that is displayed on a RadMap. This shape represent a container for other item displayed on a RadMap. Since the shape is bound to a lat/long position it become very small when I zoom out. Is there a way to add a padding (in pixel) to the shape so that it keeps a reasonable size when I zoom out ?

Thank you,

Etienne

Map

answered on 26 Aug 2015

1 answer

152 views

AppAlertService that wraps multiple Image sources

I just wanted to share a simplified version of a wrapper service for the DesktopAlert that we use to handle Images from multiple sources - see below.

I trust that someone will find this useful.

Enjoy!

Graeme

1. Resource Image references

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

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

3. <BitmapImage x:Key="MailImage" UriSource="Images/Mail.png" />

4. <BitmapImage x:Key="ContactImage" UriSource="Images/Contact.png" />

5.</ResourceDictionary>

2. Type References to images

1.public enum AppAlertIconType

2.{

3. Mail,

4. Contact,

5. Url = -1

6.}

3. Alert service interface (we use MEF)

1.public interface IAppAlertService

2.{

3. void ShowMessage(string header, string content, string imageUrl, int showDuration = 5000, double width = 48, double height = 48);

4. void ShowMessage(string header, string content, AppAlertIconType icon, string imageUrl = "", int showDuration = 5000, double width = 48, double height = 48);

5. void ShowMessage(string header, string content, Image image, int showDuration = 5000, double width = 48);

6. void CloseAllAlerts();

7.}

4. Alert Service

01.public class AppAlertService : IAppAlertService

02.{

03. RadDesktopAlertManager manager = new RadDesktopAlertManager(AlertScreenPosition.TopRight);

04.

05. public void ShowMessage(string header, string content, string imageUrl, int showDuration = 5000, double width = 48, double height = 48)

06. {

07. this.ShowMessage(header, content, AppAlertIconType.Url, imageUrl, showDuration, width, height);

08. }

09.

10. public void ShowMessage(string header, string content, AppAlertIconType icon, string imageUrl = "", int showDuration = 5000, double width = 48, double height = 48)

11. {

12. Func<AppAlertIconType, Image> GetResourceImage = new Func<AppAlertIconType, Image>(t => new Image { Source = Application.Current.FindResource(string.Format("{0}Image", t.ToString())) as ImageSource, Width = width, Height = height });

13. Func <string, Image> GetWebImage = new Func<string, Image>(t => new Image { Source = new BitmapImage(new Uri(t, UriKind.Absolute)), Width = width, Height = height });

14. this

.ShowMessage(header, content, icon == AppAlertIconType.Url ? GetWebImage(imageUrl) : GetResourceImage(icon), showDuration, width);

15. }

16.

17. public void ShowMessage(string header, string content, Image image, int showDuration = 5000, double width = 48)

18. {

19. manager.ShowAlert(new DesktopAlertParameters

20. {

21. Header = header,

22. Content = content,

23. Icon = image,

24. IconColumnWidth = width,

25. IconMargin = new Thickness(10, 0, 20, 0),

26. ShowDuration = showDuration

27. });

28. }

29.

30. public void CloseAllAlerts()

31. {

32. manager.CloseAllAlerts();

33. }

34.}

5. Usage

1.IAppAlertService alertService = new AppAlertService();

2.alertService.ShowMessage("header", "content goes here", AppAlertIconType.Mail);

3.alertService.ShowMessage("header", "content goes here", AppAlertIconType.Url, "http://greywolf.critter.net/images/gallery/critters/2007-09-14-happy-pink-unicorn.jpg");

DesktopAlert

answered on 26 Aug 2015

5 answers

367 views

[Solved] RadTabControl and MVVM Light

Hi,

I'm using the RadTabControl in a WPF application using the MVVM Light Framework. My application has a main window with a RadTabControl, each tab has to display a different view/viewmodel. I would like to know if there is a best practice for loading these views into the RadTabControl ? Is there any code sample ?

Thanks for your help!
Doots

General Discussions

answered on 26 Aug 2015

4 answers

208 views

Freezing a particular column from sorting in sortabletelerikGrid

Hi,

i have sortabletelrik grid with 10 columns.bt default telerik provides sorting option.

i need to customize the sorting facility,i mean ,say i have these two columns with colums1 and columns2. when i click on column header column1,it should not sort.This can be done by setting isortable=false in XAML.But my problem is,wen i click on column2 for sorting,it takes up the first column data for sorting which should not happen. The data of column1 should be freezed wen ever i click on sort on any column header of the grid,it has to exclude coulmn1 and den sort.

Please see the required output in the example.

Ex before sort

column1 column2

A1 Oligo 1
C1 Oligo 2
F1 Oligo 3
A2 Oligo 4
B2 Oligo 5

After sort

column1 column2
A1 Oligo 5
C1 Oligo 4
F1 Oligo 3
A2 Oligo 2
B2 Oligo 1

and one more condition is, this freezing should only happen wen sorting is clicked,not by default. Please reply ASAP.

General Discussions

answered on 26 Aug 2015

2 answers

185 views

[Solved] CartesianChart not showing up in version 2015.1.0401.45

Hi,
After a necessary downgrade form 2015.2.728.45 to 2015.1.0401.45 CartesianChart is not showing up.

Code:

<telerik:ChartDataSource x:Name="ChartDataSource1" Width="500" Height="400"
ItemsSource="{Binding Items}"
SamplingUnit="Day"
SamplingUnitInterval="1" Grid.Row="0" Grid.Column="1"
Margin="10,35,10,0" VerticalAlignment="Top" HorizontalAlignment="Center"/>

<telerik:RadCartesianChart x:Name="RadChart1" Width="495" Height="450" Grid.Row="0" Grid.Column="1"
Margin="10,35,10,0" VerticalAlignment="Top" HorizontalAlignment="Center">
<telerik:RadCartesianChart.HorizontalAxis>
<telerik:DateTimeCategoricalAxis LabelFormat="dd.MM" Title="{x:Static languages:Lang.TimesheetTransTime}"
DateTimeComponent="Ticks"/>
</telerik:RadCartesianChart.HorizontalAxis>
<telerik:RadCartesianChart.VerticalAxis>
<telerik:LinearAxis Title="{x:Static languages:Lang.CostHours}" Padding="0,20,0,0" Margin="0,20,0,0" />
</telerik:RadCartesianChart.VerticalAxis>
<telerik:BarSeries ShowLabels="True"
CategoryBinding="TimesheetTransDateTime"
ValueBinding="Hours"
ItemsSource="{Binding ElementName=ChartDataSource1}">
</telerik:BarSeries>
</telerik:RadCartesianChart>

In version 2015.2.728.45 everything was working correctly.
Is there something I'm supposed to know?

ChartView

answered on 25 Aug 2015