Questions on UI for WPF Forum

1 answer

116 views

RadPropertGrid isn't setting the annotation "DisplayName" of properties while using PropertySetMode for showing common properties of multiple objects

I am using you own example in Setting PropertSets

In this I've set DisplayName of FillColor property, but it don't get it's this specified display name, but rather it shows the property name.

MainWindow.xaml

<Grid>

<Grid.Resources>

<local:ViewModel x:Key="vm" />

</Grid.Resources>

<telerik:RadPropertyGrid DataContext="{StaticResource vm}"

Item="{Binding Shapes}"

PropertySetMode="Intersection"/>

</Grid>

ViewModel.cs

public class ViewModel

{

public IEnumerable<object> Shapes

{

get

{

return new List<object>()

{

new Ellipse()

{

Center = new Point(1,1),

FillColor = Colors.Red,

RadiusX1 = 4, RadiusX2 = 2

},

new RegularPolygon()

{

Center = new Point(3,2),

FillColor = Colors.Blue,

CornersCount = 3,

SideLength = 10

}

};

}

public class Ellipse

{

[DisplayName("Fill Color")]

public Color FillColor { get; set; }

public double RadiusX1 { get; set; }

public double RadiusX2 { get; set; }

public Point Center {

get;

set; }

}

public class RegularPolygon

{

public int CornersCount { get; set; }

public Color FillColor { get; set; }

public Point Center {

get;

set; }

public double SideLength { get; set; }

}

Kindly suggest me it's solution.

PropertyGrid

answered on 06 Apr 2017

3 answers

1.1K+ views

Show spinner/progress while data is loading

I am binding the GridView to a ViewModel that is responsible for loading the data from my repository. I would like to show a spinner control while the data is being loaded. Let's suppose I have a property on my ViewModel named DataLoading. I know I can accomplish this with a style, but I'm not sure which element of the GridView I should apply the style to.

How can I accomplish this with the GridView? I can easily hide the whole GridView and show a spinner, but instead I'd like to replace the area in which rows are presented with a spinner.

Thanks,

Mike

GridView

answered on 06 Apr 2017

3 answers

165 views

Coded UI + RadCartesianChart

Hi,

I would like to ask how can I find RadCartesianChart on Visual Studio 2015 + Coded UI Test.

http://www.telerik.com/teststudio/visual-studio-testing-plugin-benefits - This is same example for Grid.

I try his but I can't have that option Find.ById

RadCartesianChart radCartesianChart = Find.

Chart

answered on 06 Apr 2017

1 answer

120 views

Docking Binding References

Hi Telerik,

We have a RadDocking control in a child control that resides within a RadDocking control in a parent control.

The parent control contains a RadDocking control which encompasses a Tab control, and the child control resides in one of these Tab controls, where the RadDocking control resides in another TabControl inside the child control. The parent and child controls each have their own Views and VMs.

When binding 'SelectedItem' in myDatagrid, we receive the following binding error:

Cannot find source for binding with reference 'ElementName=myDatagrid, RelativeSource={RelativeSource=Self}'. BindingExpression:Path=SelectedItem; DataItem=null; target element is 'InvokeCommandAction' (HashCode=57688201); target property is 'CommandParameter' (type 'Object')

This error disappears and we are able to bind to 'SelecteItem' only when we remove the 2nd (second) RadDocking control within the parent.

Please see attached diagram for visual reference.

Could you please advise?

Kind regards

Docking

answered on 06 Apr 2017

5 answers

389 views

How do we freeze grid rows

Hi,

Like "FrozenColumnCount", Is there any provision for freezing rows?

Regards,
Norbert John

GridView

answered on 06 Apr 2017

1 answer

418 views

[Solved] Change color of the spinner

Hi, I would like to change the color of my BusyIndicator. I have been able to change the background and the stroke but I can't modify the "spinner" colors.

This is quite a simple question that have been answered several times but I don't understand how to implement the solutions I saw in my code. Maybe you will be able to explain me the solution for the following code:

<ControlTemplate x:Key="GridViewLoadingIndicatorTemplate" TargetType="{x:Type grid:GridViewLoadingIndicator}">

<Border x:Name="BusyIndicatorBackground" Background="#F1F1F1" Opacity="0">

<VisualStateManager.VisualStateGroups>

<VisualStateGroup x:Name="CommonStates">

<VisualState x:Name="Idle"/>

<VisualState x:Name="Loading">

<Storyboard RepeatBehavior="Forever">

<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="BusyIndicatorBackground" Storyboard.TargetProperty="Opacity">

<SplineDoubleKeyFrame KeyTime="0" Value="1"/>

</DoubleAnimationUsingKeyFrames>

<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="BusyIndicator" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">

<SplineDoubleKeyFrame KeyTime="00:00:01" Value="180"/>

</DoubleAnimationUsingKeyFrames>

</Storyboard>

</VisualState>

</VisualStateGroup>

</VisualStateManager.VisualStateGroups>

<Path x:Name="BusyIndicator"

Stretch="Fill"

Stroke="{TemplateBinding BorderBrush}"

StrokeThickness="{TemplateBinding BorderThickness}"

Fill="{TemplateBinding Background}"

Margin="{TemplateBinding Padding}"

HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"

VerticalAlignment="{TemplateBinding VerticalContentAlignment}"

Width="36"

Height="36"

Data=

"M18,5.0000002 C10.820298,5 5,10.820298 5.0000002,18 5,25.179701 10.820298,31 18,31 25.179701,31 31,25.179701 31,18 31,10.820298 25.179701,5 18,5.0000002 z M18,0 C27.941126,0 36,8.0588746 36,18 36,27.941126 27.941126,36 18,36 8.0588746,36 0,27.941126 0,18 0,8.0588746 8.0588746,0 18,0 z"

RenderTransformOrigin="0.5,0.5">

<Path.RenderTransform>

<TransformGroup>

<ScaleTransform/>

<SkewTransform/>

<RotateTransform Angle="-180"/>

<TranslateTransform/>

</TransformGroup>

</Path.RenderTransform>

</Path>

</Border>

</ControlTemplate>

<Style x:Key="GridViewLoadingIndicatorStyle" TargetType="{x:Type grid:GridViewLoadingIndicator}">

<Setter Property="Template" Value="{StaticResource GridViewLoadingIndicatorTemplate}"/>

<Setter Property="Background" Value="{StaticResource GridView_LoadingIndicatorBackground}"/>

<Setter Property="BorderBrush" Value="{StaticResource GridView_LoadingIndicatorBorder}"/>

<Setter Property="BorderThickness" Value="1"/>

<Setter Property="Padding" Value="0"/>

<Setter Property="VerticalContentAlignment" Value="Center"/>

<Setter Property="HorizontalContentAlignment" Value="Center"/>

</Style>

Thank you,

Antonin Charrier

PS: I'm quite new to WPF and Telerik, I think you understood it

BusyIndicator

answered on 06 Apr 2017

5 answers

233 views

[Solved] RadPropertyGrid Data Fields not resizing after Strech

Hi!

PropertyGrid User Control:

01.<telerik:RadPropertyGrid x:Name="PropertyGrid1"

02.

03. IsGrouped="True"

04. RenderMode="Hierarchical"

05. DescriptionPanelVisibility="Visible"

06. SortAndGroupButtonsVisibility="Visible"

07. LabelColumnWidth="80"

08.

09. ScrollViewer.HorizontalScrollBarVisibility="Disabled"

10. ScrollViewer.VerticalScrollBarVisibility="Disabled">

11. <telerik:RadPropertyGrid.PropertyDefinitions>

12. <telerik:PropertyDefinition Binding="{Binding Salary}" Description="Displays the Width property of the RadButton" DisplayName="Width">

13. <telerik:PropertyDefinition.EditorTemplate>

14. <DataTemplate>

15. <telerik:RadNumericUpDown Value="{Binding Salary, Mode=TwoWay}" />

16. </DataTemplate>

17. </telerik:PropertyDefinition.EditorTemplate>

18. </telerik:PropertyDefinition>

19. <telerik:PropertyDefinition Binding="{Binding IsMarried}" Description="Displays the Height property of the RadButton" DisplayName="Married Count">

20. <telerik:PropertyDefinition.EditorTemplate>

21. <DataTemplate>

22. <telerik:RadSlider Value="{Binding IsMarried, Mode=TwoWay}" />

23. </DataTemplate>

24. </telerik:PropertyDefinition.EditorTemplate>

25. </telerik:PropertyDefinition>

26. </telerik:RadPropertyGrid.PropertyDefinitions>

27.</telerik:RadPropertyGrid>

Code Behind

01.public PropGrid()

02.{

03. InitializeComponent();

04. this.PropertyGrid1.Item = new Employee()

05. {

06. FirstName = "Sarah",

07. LastName = "Blake",

08. Occupation = "Supplied Manager",

09. StartingDate = new DateTime(2005, 04, 12),

10. IsMarried = 4,

11. Salary = 3500,

12. };

13.}

Start application and expand the whole window. Resize it back, propertyGrid doesnt adjust.

The root cause is the slider. If i remove the slider, everything works fine. For your reference, please see the attached project

Is this a bug?

Slider

answered on 06 Apr 2017

1 answer

124 views

RadPane Header Prism Problem

I am Building a modular application using Prism and Rad-docking controls.

The application is similar to visual studio, has Rad Panes docked to left right and bottom.

Those panels are injected when the application startup using prism.

The problem is that when a Rad-pane is Removed and Re-added by Prism the Header of the Pane Disappear until the Pane is Unpinned and pinned again.

Docking

answered on 05 Apr 2017

3 answers

627 views

double click on OpenFileDialog is raising ItemClick event on RadTreeview

Hi,

I have radtreeview control and when OpenFileDialog is shown on top of that control and an item is selected using double click, the OpenFileDialog gets closed which is the expected behavior as the file has been selected. But also the Itemclick event is fired on the treeviewitem which is exactly behind the point where the double click happened on the filedialog.

Can you please let me know how to avoid the ItemClick event.

Thanks.

TreeView

answered on 05 Apr 2017

3 answers

251 views

how to force single span style for the whole paragraph

Hi I have a paragraph style defined as

new StyleDefinition
{
   DisplayName = "Quotation 1",
   Name = "Quotation1",
   NextStyleName = "Normal",
   Type = StyleType.Paragraph,
   IsCustom = false,
   IsDefault = false,
   IsPrimary = true,
   UIPriority = 4,
   ParagraphProperties =
   {
     LineSpacing = 1.15,
     SpacingAfter = 56.0/3.0
   },
   SpanProperties =
   {
     FontFamily = new FontFamily("Calibri"),
     FontSize = 56 / 3.0,
     FontStyle = FontStyles.Normal,
     FontWeight = FontWeights.Bold,
     ForeColor = Color.FromRgb(193, 43, 103),
   }
};

I have a rad document with multiple paragraphs. If the paragraphs have a default styles I can apply my style to one of them and the document looks like expected. The chosen paragraph is pink and bold.

Unfortunately when the user of the application selects some words in the paragraph make them bold and then not bold again it creates a new span which has exectly the same properties including FontWeight Normal, but after I apply my style only the spans that weren't changed become pink bold while the changed remains Normal.

Is there a way to force span style to the whole paragraph?

RichTextBox

answered on 05 Apr 2017