Questions on UI for WPF Forum

1 answer

234 views

Styling buttons

I'm trying to change the default rad button style

However, when looking for RadButtonStyle I find it's defined in:

Styles.xaml
Telerik.xaml
Telerik.Windows.Controls.Diagrams.Extensions.xaml
Telerik.Windows.Controls.FileDialogs.xaml
Telerik.Windows.Controls.Input.xaml
Telerik.Windows.Controls.Navigation.xaml
Telerik.Windows.Controls.RibbonView.xaml
Telerik.Windows.Controls.RichTextBoxUI.xaml
Telerik.Windows.Controls.xaml

Why is it so, and which one should I change?

Buttons

answered on 15 Nov 2017

1 answer

132 views

WPF RadGridView and BindingOperations.EnableCollectionSynchronization

I need to know if WPF RadGridView works with BindingOperations.EnableCollectionSynchronization. If not what solution you are suggesting to iterate and update my collection from worker thread?

General Discussions

answered on 15 Nov 2017

2 answers

134 views

Legend is not aligned correctly

I use RadLegend control for my RadChart. Here is my xaml code. However it is not aligning correctly. See the attached image.

<telerik:RadLegend.ItemTemplate>

<DataTemplate>

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition></ColumnDefinition>

</Grid.ColumnDefinitions>

<Path Width="15" Height="15" Fill="{Binding MarkerFill}"

HorizontalAlignment="Left" Grid.Column="0">

<Path.Data>

<Binding Path="ActualMarkerGeometry"

RelativeSource="{RelativeSource AncestorType=telerik:LegendItemControl}">

</Binding>

</Path.Data>

</Path>

<TextBlock Text="{Binding Title}" Foreground="White" Margin="15 0 0 0" HorizontalAlignment="Left" Grid.Column="1" />

</Grid>

</DataTemplate>

</telerik:RadLegend.ItemTemplate>

Chart

answered on 14 Nov 2017

8 answers

592 views

i have problem with binding property of subclass to RadCartesianChart

hi
i wanna binding property of subclass in main class to radcartesianchart with barseries
i very tired do this but dont work
my code
Model:

class People

{

private string fristname;

private string lastname;

private Int32 salary;

//private ObservableCollection<Company> _company=new ObservableCollection<Company>();

private Company _company = new Company();

public string FristName { get { return this.fristname; } set { this.fristname = value; } }

public string LastName { get { return this.lastname; } set { this.lastname = value; } }

public Int32 Salary { get { return this.salary; } set { this.salary = value; } }

public Company Company

{

get { return this._company; }

set { this._company = value; }

}

public class Company

{

private string name;

private Int32 cost;

public string Name { get { return this.name; } set { this.name = value; } }

public Int32 Cost

{

get { return this.cost; }

set { this.cost = value; }

}

ViewModel:

class peopleViewModel : DependencyObject

{

public static readonly DependencyProperty DataProperty = DependencyProperty.Register("Data",

typeof(ObservableCollection<People>),

typeof(peopleViewModel),

new PropertyMetadata(null));

public ObservableCollection<People> Data

{

get

{

return (ObservableCollection<People>)this.GetValue(DataProperty);

}

set

{

this.SetValue(DataProperty, value);

}

public peopleViewModel()

{

var data = new ObservableCollection<People>();

data.Add(new People() { Company = new Company() { Cost = 1000, Name = "co1" } , FristName = "masoud1", LastName = "fallah1", Salary = 150 });

data.Add(new People() { Company = new Company() { Cost = 2000, Name = "co2" } , FristName = "masoud2", LastName = "fallah2", Salary = 250 });

data.Add(new People() { Company = new Company() { Cost = 3000, Name = "co3" } , FristName = "masoud3", LastName = "fallah3", Salary = 350 });

data.Add(new People() { Company = new Company() { Cost = 4000, Name = "co4" } , FristName = "masoud4", LastName = "fallah4", Salary = 450 });

Data = data;

}

view:code-behind

public partial class PeopleView : Page

{

public PeopleView()

{

InitializeComponent();

peopleViewModel Data = new peopleViewModel();

this.DataContext = Data;

// pro.Source = Data;

}

and view:

<telerik:ChartDataSource x:Name="ChartDataSource1"

ItemsSource="{Binding Data}" Grid.RowSpan="2"

/>

<telerik:RadCartesianChart x:Name="RadChart1" Margin="0,0,0,10">

<telerik:RadCartesianChart.HorizontalAxis>

<telerik:DateTimeCategoricalAxis />

</telerik:RadCartesianChart.HorizontalAxis>

<telerik:RadCartesianChart.VerticalAxis>

<telerik:LinearAxis/>

</telerik:RadCartesianChart.VerticalAxis>

<telerik:BarSeries x:Name="bar" ShowLabels="True"

CategoryBinding="{Binding Path=Company.Cost}"

ValueBinding="Salary"

ItemsSource="{Binding ElementName=ChartDataSource1}"

>

</telerik:BarSeries>

</telerik:RadCartesianChart>

please help me :(

Chart

answered on 14 Nov 2017

3 answers

111 views

Re-label the Filter List RadGrid

Is it possible to change the labels of the different filtering options in a RadGrid?

Specifically, I wanted to change & shorten the words for 'is greater than or equal to'.

I wanted to change this to '>=' just for shorthand.

Can I do this without having to completely customize the control?

I want all the functionality to be exactly the same -- just not the labels.

Thanks!

David

General Discussions

answered on 14 Nov 2017

1 answer

186 views

RadAutoCompleteBox text displayed in reverse order

Hi,

I am using RadAutoCompleteBox in one of my WPF application. I am facing an issue when typing any text on it - the cursor displayed on the beginning of the entered character and text displays in reverse order. For example, if I type "ABC" , control displays it as "CBA" and the cursor will be displayed on the beginning of the text. If type any letter next, it will be displayed before the previously entered text. I could not find why this is happening. Please suggest me how to fix it.

Code used in XAML is as below:

<telerik:RadAutoCompleteBox Name="Sec4AutoCompleteBox"
IsEnabled="{Binding IsLine4Editmode,UpdateSourceTrigger=PropertyChanged}" HorizontalContentAlignment="Left" VerticalContentAlignment="Center"
FontFamily="Arial" Foreground="#525252"
Margin="0,0,0,5" FontSize="16" FontWeight="Bold"
MinHeight="26" MaxHeight="30" Width="450"
BorderThickness="1"
BorderBrush="LightGray"
SelectionMode="Single"
telerik:StyleManager.Theme="Windows8"
AutoCompleteMode="Suggest"
SearchText="{Binding Sec4MeetAtText, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
SelectedItem="{Binding Sec4MeetAt, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
ItemsSource="{Binding Sec4Location}" >
<telerik:RadAutoCompleteBox.TextBoxStyle>
<Style TargetType="TextBox" BasedOn="{StaticResource TextBoxStyle}">
<Setter Property="MaxLength" Value="30"/>
</Style>
</telerik:RadAutoCompleteBox.TextBoxStyle>
</telerik:RadAutoCompleteBox>

AutoCompleteBox

answered on 14 Nov 2017

1 answer

352 views

Refresh PivotGrid when ItemSource Changes

Is there a way to refresh the Data when the Grid Changes without setting the itemsource to null and then setting it to the list?

I find doing this resets row and column collapsing.

Or can I bind the PivotGrid directly to an ObservableCollection without using the LocalDataSourceProvider?

Thanks in Advance

PivotGrid

answered on 14 Nov 2017

4 answers

328 views

Display RadRibbonView Backstage Open by default

Hi,

Im working on a WPF application using the RadRibbonView. Our workflow is such that we would like the BackStage to be displayed open when the app is first launched so the user can choose to create a new project or open an existing one.

We have set 'IsBackStageOpen' to true in the XAML of the RadRibbonView, and the BackStage is displayed on load. However, it is not possible to interact with it. Clicking on a BackStageItem or anywhere closes the backstage and the users action is lost. Im not able to upload the project, however this is the XAML:

<Window x:Class="RibbonViewBackstageOpen.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" Height="350" Width="525">
<Grid x:Name="RootGrid">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>


<telerik:RadRibbonView x:Name="ribbonView"
ApplicationName="TEST" Title="TEST" IsBackstageOpen="True" BackstageClippingElement="{Binding ElementName=RootGrid}">
<telerik:RadRibbonTab Header="Test">
<telerik:RadRibbonGroup Header="Test">
<telerik:RadRibbonButton Content="Test" />
</telerik:RadRibbonGroup>
</telerik:RadRibbonTab>
<telerik:RadRibbonView.Backstage>
<telerik:RadRibbonBackstage>
<telerik:RadRibbonBackstageItem Header="Save" IsSelectable="True"/>
<telerik:RadRibbonBackstageItem Header="Open" IsSelectable="True"/>
</telerik:RadRibbonBackstage>
</telerik:RadRibbonView.Backstage>
</telerik:RadRibbonView>
</Grid>
</Window>

If it is possible, what is the correct way to automatically display the backstage when an application is first run?

Thanks
Ian

RibbonView and RibbonWindow

answered on 13 Nov 2017

1 answer

69 views

Place the tooltip just above the datapoints

Hello,

I followed the link to create a tooltip. Now the question is I am not sure how to place the tooltip. If I use barseries, when I hover the mouse. The tooltip is inside the bar. But I want it is just above the bar.

ChartView

answered on 13 Nov 2017

1 answer

133 views

timeline units

Hi,

I'm testing ui for WPF and one of the most important issues for me is if it is possible to set different time units for timeline than timedate? For instance seconds or frames or any other custom unit?

MK

TimeLine

answered on 13 Nov 2017