Questions on UI for WPF Forum

4 answers

231 views

[Solved] Timeline Group Expand/Collapse Animation

Is there a way to speed up, or just remove, the animation that occurs when a group of Timeline items is expanded or collapsed? For groups containing more than 10 or so items, the animation to collapse or expand those groups begins to take a significant amount of time. This issue only gets worse with more items, and we would like to fix this.

TimeLine

answered on 01 Mar 2019

1 answer

126 views

Custom GridViewGroupPanelItem content

Is it possible to customize the GridViewGroupPanelItem content so that custom controls inside the header are not visible?

Please see the attached image i took from the example project ColumnSelection, can i remove the CheckBox from the GridViewGroupPanelItem?

Kind regards,

Gian Paolo Tessitore

GridView

answered on 01 Mar 2019

23 answers

4.5K+ views

Binding RadGridView with dynamic column.

Hi, I am developing a WPF Application using MVVM pattern. I m attaching the final output which is required named "Final output required.jpg" and also what I am currently getting named "GridView xaml.png".

I need to display data in a grid where the columns are dynamic. So in order to achieve that I had created two classes, one named rows and other one columns. Finally I bind the collection containing rows with the GridView. My code sample is as follows:

//Observable property to bind with

public ObservableCollection<Row> GridRows

{

get

{ return _gridRows; }

set

{

_gridRows = value;

RaisePropertyChanged(() => GridRows);

}

//Rad Grid

public class Grid

{

public Grid(){

Rows = new List<Row>();

}

//contains mutiple row

public List<Row> Rows { get; set; }

}

// RadGrid Row

public class Row

{

public Row()

{

Columns = new List<Column>();

}

// Row Name

public string RowName { get; set; }

//each row contains multiple columns

public List<Column> Columns{ get;set;}

}

//Rad Grid Column

public class Column {

public string ColumnName {get;set;}

public int Value { get; set; }

}

public void LoadData()

{

Grid table = new Grid();

for (int i = 1; i < 11; i++)

{

Row row = new Row();

row.RowName = "Row_" + i;

for (int j = 0; j < 5; j++)

{

Column Column = new Column

{

ColumnName = "Row_" + i + "Col_" + j,

Value = i + j

};

row.Columns.Add(Column);

}

table.Rows.Add(row);

}

GridRows = new ObservableCollection<Row>(table.Rows);

}

The View for this is as follows:

<telerik:RadGridView Name="GridView"

CanUserReorderColumns="False"

CanUserSortColumns="False"

ItemsSource="{Binding GridRows}"

GridLinesVisibility="Both"

AutoGenerateColumns="True"

>

<telerik:RadGridView.Columns >

<telerik:GridViewColumn Header = "{Binding Name}" >

<telerik:GridViewColumn.CellTemplate>

<DataTemplate>

<TextBlock Text="{Binding Value}" />

</DataTemplate >

</telerik:GridViewColumn.CellTemplate>

</telerik:GridViewColumn >

</telerik:RadGridView.Columns>

</telerik:RadGridView>

Basically what my requirement is to create dynamic columns as per the Collection of column in Rows. . I tried but it's showing Collection in column.

Also i want to inline editing for columns that why using the GridView. Please check the required output and suggest if there is any other i can use .

Please response soon as i'm in rush .Also let me know if anything not clear.

Thanks

GridView

answered on 01 Mar 2019

0 answers

346 views

RadComboBox with large data MVVM

Hello,

I have this combobox with is bound to List of customers around 5k customers

<telerik:RadComboBox ClearSelectionButtonVisibility="Visible" ClearSelectionButtonContent="Clear Selection"

ItemsSource="{Binding Customers}" Margin="0 0 0 18"

DisplayMemberPath="DisplayMember"

SelectedValuePath="Id"

SelectedValue="{Binding CustomerId,Mode=OneWay}"

Command="{Binding GetCustomerCommand}">

<telerik:RadComboBox.ItemsPanel>

<ItemsPanelTemplate>

<VirtualizingStackPanel />

</ItemsPanelTemplate>

</telerik:RadComboBox.ItemsPanel>

</telerik:RadComboBox>

I changed to virtualization and this helped in getting the list faster but when I added SelectedValue to bind to my viewmodel It is getting very very slow to load.

Is there any way to overcome this problem ?

Regards

ComboBox

asked on 01 Mar 2019

7 answers

190 views

[Solved] RangeBarSeries shows wrong tooltip

Using the RangeBarSeries with data points that overlap another series, the tooltip for the covered up data point is shown rather than the one on top.

However the "hover" clearly knows which is the series being hovered over. See attached screenshots. chart1.pg shows the longest (yellow) bar being hovered over. chart2.png shows the adjacent orange series and chart3 shows the green series. All 3 have the same tooltip, of the longest series which runs underneath the others.

How can I fix this and get the tooltips to show for the proper data point?

ChartView

answered on 01 Mar 2019

1 answer

330 views

SelectedItemsSource?

Does the RadGridView have something similar to the SelectedItemsSource that the RadListbox has? I'd like to automatically bind the selected items to a collection in my view-model like I do with the list box.

example:

<telerik:RadGridView
ItemsSource="{Binding ..., Mode=OneWay}"
telerik:ListBoxSelectedItemsBehavior.SelectedItemsSource="{Binding ..., Mode=OneWay}">

GridView

answered on 28 Feb 2019

1 answer

434 views

Default visual style on LineSeries does not work

I am trying to set the default visual style of my line series. (Using Telerik UI for WPF 2015)

Based on the page, the default visual style of the dot & line styling can be set at the default visualstyle properties:

https://docs.telerik.com/devtools/wpf/controls/radchartview/styles-and-templates/customizing-cartesianchart-series

This configuration does not seems to work on Telerik UI for WPF 2015, how do I set the dot size & coloring on line series ?

General Discussions

answered on 28 Feb 2019

1 answer

261 views

How to display multiple axis on different x axis value ?

I have two series, and I want to display them in a same graph.

The series 1 has valued at {0.5: value1, 1.5 : value2, 2.5 : value3}

And series 2 has value at { 1: value 1, 2 value2: 3 value3}

How do I draw the two series on the same graph with X value being interlaced ? Tried linear axis but nothing displayed, tried catagroy axis but the graph is separated into two parts. The x value is not interlacing.

General Discussions

answered on 28 Feb 2019

1 answer

169 views

Accessing all elements in a tooltip

I have an application where I want to write tests to confirm the content of a ToolTip. If the ToolTip is simple text, all is fine, the checks in Step Builder work as expected.

If I add other elements e.g.

<Polygon
Points="16, 32 32, 32 24, 18"
Visibility="Visible"
ToolTipService.ShowDuration="360000" HorizontalAlignment="Right" Width="32">
<Polygon.Fill>
<SolidColorBrush Color="Aqua"/>
</Polygon.Fill>
<Polygon.ToolTip>
<StackPanel>
<TextBlock Text="Foo"/>
<Ellipse Width="20" Height="20" Fill="Pink"/>
<TextBlock Text="Bar"/>
</StackPanel>
</Polygon.ToolTip>
</Polygon>
What I see in the Visual Tree is a ToolTip "FooBar". How can I do a test on, say, the colour of the ellipse?

If my ToolTip is made of Runs e.g.

Then in the Visual Tree, the ToolTip is blank and any steps created in Step Builder to determine the content will fail.

If the tooltip is made up from WPF elements, how can these be accessed, either via Step Builder, or via a coded step?

ToolTip

answered on 28 Feb 2019

1 answer

88 views

Rotate all axis but not labels?

I'm evaluating to use ChartView3D to visualise the path of a drill hole, that starts at the surface and goes into the ground. To achieve this I rotated the whole graph 180 degrees but then all labels and axis titles also rotates :( See screendump.

Is there any way to only rotate the graph? Or counter-rotate the labels and titles? Or any other way to achieve this?

ChartView3D

answered on 27 Feb 2019