Questions on UI for WPF Forum

2 answers

138 views

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

599 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

126 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

194 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

364 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

334 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

71 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

138 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

2 answers

665 views

Get Content Width of Inactive TabItem

I have a window with a TabControl that has three TabItems. This TabControl is the main control in the window, and I want to size the window based on this TabControl.

If I set SizeToContent="WidthAndHeight" on the window, the window changes size when I select a tab which has content that takes more area. I want the window to start at a fixed size based on the TabItem that will take the largest amount of space. This is not the starting tab.

A TabItem's ActualWidth is the width of the button. The content of an inactive TabItem (a grid) has an ActualWidth of 0 and a Width of NaN because it is not being displayed.

How can I set the window to a fixed size based on the content of the largest TabItem, which is not selected? This would preferably happen at Window_Loaded or Window_ContentRendered.

TabControl

answered on 13 Nov 2017

1 answer

186 views

SortDescriptors Not Updating in Usercontrol

I've got the following radgridview control with a default sort descriptor on it:

<telerik:RadGridView x:Name="rgvMain" VerticalAlignment="Top" AutoGenerateColumns="False" CanUserResizeRows="False" CanUserInsertRows="False" CanUserSortGroups="False" ShowGroupPanel="False"

RowIndicatorVisibility="Collapsed" ItemsSource="{Binding CurrentActivities}" Visibility="{Binding CurrentActivitiesVisibility}">

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn DataMemberBinding="{Binding DateAndTimeLogged}" Header="Date Logged" UniqueName="LogDate" Width="Auto" IsReadOnly="True" />

<telerik:GridViewDataColumn DataMemberBinding="{Binding TypeDescription}" Header="Type" UniqueName="TypeDescription" Width="Auto" IsReadOnly="True"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding ActivityStudent.FullName}" Header="Student" UniqueName="StudentName" Width="Auto" IsReadOnly="True" />

<telerik:GridViewDataColumn DataMemberBinding="{Binding ActivityStudent.Family.Name}" Header="Family" UniqueName="FamilyName" Width="Auto" IsReadOnly="True"/>

<telerik:GridViewDataColumn DataMemberBinding="{Binding ActivityText}" Header="Report" UniqueName="Report" Width="Auto" IsReadOnly="True"/>

</telerik:RadGridView.Columns>

<telerik:RadGridView.SortDescriptors>

<telerik:ColumnSortDescriptor Column="{Binding Columns[LogDate], ElementName=rgvMain}" SortDirection="Descending"/>

</telerik:RadGridView.SortDescriptors>

</telerik:RadGridView>

The ItemsSource is bound to:

public ObservableCollection<Activity> CurrentActivities

{

get { return new ObservableCollection<Activity>(Utils.AllActivities.Where(x => x.LoggedUser == Utils.glbCurrentlyLoggedInUser)); }

}

Whenever the usercontrol is first loaded - the sortdescriptors work, but then any future loads of the usercontrol, the sortdescriptors/filters get lost - I've tried adding a Rebind to the GV on the usercontrol loaded but this doesn't make a difference.

GridView

answered on 13 Nov 2017