Questions on UI for WPF Forum

3 answers

154 views

Hi, When grouping has been applied, Day And Month Vertical groupheader appears as expected but when Month View is clicked, Vertical Group Header still remains.

Week View:

https://i.imgur.com/5SAPCaf.png

Month View:

https://i.imgur.com/nJakBOH.png

A second thing I also noticed is there are vertical bars that won't disappear, they stay the same place.

https://i.imgur.com/QTNxxBY.png

ScheduleView

answered on 30 Jul 2018

6 answers

132 views

How to show stacked boolean series

Hi,

Have an application to chart many time based series all of which have values of 0 and 1 only (On/OFF). Some series do not change over the period while other change a lot. Hence, using a single Y axis means they overlap and the chart is not readable. So ... the desire is to show a stacked (each offset) series on the one chart, the Y scale is kind of irrelevant as each are On/Off only.

So ... how do I make it clear when a series is at 0 (Off) or 1 (ON). It is hard to tell if a horizontal line is 0 or 1 when stacked. My first thought was to use shading. When at 0 a line would be seen and when at 1 a filled bar would be seen. But it looks no range series will work with a linear X axis.

BTW - I can do this spark lines but I'm unable to see how to do it for ChartView series.

Suggestions?

ChartView

answered on 30 Jul 2018

18 answers

369 views

Moving items in a databound collection causes ArgumentOutofRangeException

I have a RadTreeView databound as follows:

<telerik:RadTreeView Name="LayerTree" HorizontalAlignment="Stretch"
ItemsSource="{Binding Path=LayerTviVMList}"
ContextMenu="{StaticResource LayerTreeContextMenu}"
IsVirtualizing="True" telerik:TreeViewPanel.VirtualizationMode="Recycling"
telerik:AnimationManager.IsAnimationEnabled="False"
SelectionMode="Multiple" BringIntoViewMode="Header" IsLineEnabled="True" ItemsIndent="15" />

Adding/Removing elements in LayerTviVMList works just fine.

I have a collection of 5 elements, and when I do LayerTviVMList.Move(4,0) it appears that RadTreeView is throwing an ArgumentOutOfRangeException.

Below is the call stack:

mscorlib.dll!System.ThrowHelper.ThrowArgumentOutOfRangeException() + 0x49 bytes
mscorlib.dll!System.Collections.Generic.List<System.Windows.UIElement>.this[int].get(int index) + 0x2b bytes
Telerik.Windows.Controls.Navigation.dll!Telerik.Windows.Controls.TreeView.TreeViewPanel.RemoveInternalChildRangeOverride(int startIndex, int count) Line 2863 + 0x13 bytes C#
Telerik.Windows.Controls.Navigation.dll!Telerik.Windows.Controls.TreeView.TreeViewPanel.RemoveChildRange(System.Windows.Controls.Primitives.GeneratorPosition position, int itemCount, int itemUICount) Line 2350 + 0xf bytes C#
Telerik.Windows.Controls.Navigation.dll!Telerik.Windows.Controls.TreeView.TreeViewPanel.OnItemsMove(System.Windows.Controls.Primitives.ItemsChangedEventArgs args) Line 2328 C#
Telerik.Windows.Controls.Navigation.dll!Telerik.Windows.Controls.TreeView.TreeViewPanel.OnItemsChanged(object sender, System.Windows.Controls.Primitives.ItemsChangedEventArgs args) Line 1821 C#
PresentationFramework.dll!System.Windows.Controls.VirtualizingPanel.OnItemsChangedInternal(object sender, System.Windows.Controls.Primitives.ItemsChangedEventArgs args) + 0x36 bytes
PresentationFramework.dll!System.Windows.Controls.Panel.OnItemsChanged(object sender, System.Windows.Controls.Primitives.ItemsChangedEventArgs args) + 0x28 bytes
PresentationFramework.dll!System.Windows.Controls.ItemContainerGenerator.OnItemMoved(object item, int oldIndex, int newIndex) + 0x35d bytes
PresentationFramework.dll!System.Windows.Controls.ItemContainerGenerator.OnCollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs args) + 0x11a bytes
PresentationFramework.dll!System.Windows.Controls.ItemContainerGenerator.System.Windows.IWeakEventListener.ReceiveWeakEvent(System.Type managerType, object sender, System.EventArgs e) + 0x5d bytes
WindowsBase.dll!System.Windows.WeakEventManager.DeliverEventToList(object sender, System.EventArgs args, System.Windows.WeakEventManager.ListenerList list) + 0x5e bytes
WindowsBase.dll!System.Windows.WeakEventManager.DeliverEvent(object sender, System.EventArgs args) + 0xd7 bytes
WindowsBase.dll!System.Collections.Specialized.CollectionChangedEventManager.OnCollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs args) + 0xa bytes
PresentationFramework.dll!System.Windows.Data.CollectionView.OnCollectionChanged(System.Collections.Specialized.NotifyCollectionChangedEventArgs args) + 0x29 bytes
PresentationFramework.dll!System.Windows.Controls.ItemCollection.System.Windows.IWeakEventListener.ReceiveWeakEvent(System.Type managerType, object sender, System.EventArgs e) + 0xe0 bytes
WindowsBase.dll!System.Windows.WeakEventManager.DeliverEventToList(object sender, System.EventArgs args, System.Windows.WeakEventManager.ListenerList list) + 0x5e bytes
WindowsBase.dll!System.Windows.WeakEventManager.DeliverEvent(object sender, System.EventArgs args) + 0xd7 bytes
WindowsBase.dll!System.Collections.Specialized.CollectionChangedEventManager.OnCollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs args) + 0xa bytes
PresentationFramework.dll!System.Windows.Data.CollectionView.OnCollectionChanged(System.Collections.Specialized.NotifyCollectionChangedEventArgs args) + 0x29 bytes
PresentationFramework.dll!System.Windows.Data.ListCollectionView.ProcessCollectionChangedWithAdjustedIndex(System.Collections.Specialized.NotifyCollectionChangedEventArgs args, int adjustedOldIndex, int adjustedNewIndex) + 0x202 bytes
PresentationFramework.dll!System.Windows.Data.ListCollectionView.ProcessCollectionChanged(System.Collections.Specialized.NotifyCollectionChangedEventArgs args) + 0x132 bytes
PresentationFramework.dll!System.Windows.Data.CollectionView.OnCollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs args) + 0x5d bytes
System.dll!System.Collections.ObjectModel.ReadOnlyObservableCollection<System.__Canon>.OnCollectionChanged(System.Collections.Specialized.NotifyCollectionChangedEventArgs args) + 0x19 bytes
System.dll!System.Collections.ObjectModel.ReadOnlyObservableCollection<System.__Canon>.HandleCollectionChanged(object sender, System.Collections.Specialized.NotifyCollectionChangedEventArgs e) + 0xe bytes
System.dll!System.Collections.ObjectModel.ObservableCollection<Overwatch.ELT.AppCommon.Explorer.LayerTviVM>.OnCollectionChanged(System.Collections.Specialized.NotifyCollectionChangedEventArgs e) + 0x52 bytes
System.dll!System.Collections.ObjectModel.ObservableCollection<System.__Canon>.MoveItem(int oldIndex, int newIndex) + 0x87 bytes
System.dll!System.Collections.ObjectModel.ObservableCollection<System.__Canon>.Move(int oldIndex, int newIndex) + 0xe bytes

TreeView

answered on 30 Jul 2018

2 answers

266 views

Hide Title Bar on Floating Docking Pane

How can I hide the title bar of a floating Telerik pane in WPF? I tried setting the PaneHeaderVisibility property but that only had an effect when the pane was docked. Here's the XAML:

<telerik:RadSplitContainer x:Name="Splitter" InitialPosition="FloatingDockable" telerik:RadDocking.IsAutoGenerated="True">

<telerik:RadPaneGroup telerik:RadDocking.IsAutoGenerated="True" >

<controls:MyPane x:Name="MyPane" Header="Results" IsTabStop="False" CanUserClose="False" PaneHeaderVisibility="Hidden"> <Grid Name="MyGrid"> <controls:Legend Name="Legend"></controls:Legend> </Grid> </controls:MyPane> </telerik:RadPaneGroup> </telerik:RadSplitContainer>

Docking

answered on 30 Jul 2018

8 answers

1.4K+ views

RadGridView Selection color

Hello,

I have a RadGridVIew in which I use the color of rows to indicate a certain property of the row data (e.g. order, invoice, delivery slip etc.).
When the user selects a row the row will be yellow.
My question is how can I change this, the user wants to see the color of the row and a blue border to indicate which row is selected.
I looked at different threads but didnt find any solution.

The style that I use for the GridViewRow is shown below:

<telerik:RadGridView.Resources>

<Style TargetType="{x:Type telerik:GridViewRow}">

<Style.Triggers>

<DataTrigger Binding="{Binding Path=DocumentType.DocumentTypeID}" Value="1">

<Setter Property="Background" Value="#FFEBEB1B" />

</DataTrigger>

<DataTrigger Binding="{Binding Path=DocumentType.DocumentTypeID}" Value="3">

<Setter Property="Background" Value="LightGreen" />

</DataTrigger>

<DataTrigger Binding="{Binding Path=DocumentType.DocumentTypeID}" Value="9">

<Setter Property="Background" Value="Cyan" />

</DataTrigger>

<DataTrigger Binding="{Binding Path=DocumentType.DocumentTypeID}" Value="10">

<Setter Property="Background" Value="LightBlue" />

</DataTrigger>

<DataTrigger Binding="{Binding Path=DocumentType.DocumentTypeID}" Value="4">

<Setter Property="Background" Value="Gray" />

</DataTrigger>

<DataTrigger Binding="{Binding Path=IsDocumentGeannuleerd}" Value="True">

<Setter Property="Background" Value="IndianRed" />

</DataTrigger>

<Trigger Property="IsSelected" Value="True">

<Setter Property="Background" Value="Transparent"/>

</Trigger>

</Style.Triggers>

</Style>

</telerik:RadGridView.Resources>

Any help would be greatly appreciated.

Kind Regards,

Marcel

GridView

answered on 27 Jul 2018

9 answers

314 views

Scroll position indicator when using VirtualQueryableCollectionView

I have a requirement to handle a large number of records in a grid. So my radgrid is set to deferred scrolling and is lazy loading the records using VirtualQueryableCollectionView. That works really well.

My problem is in the scroll position indicator. I can't bind it to a property in the record because they are not loaded yet. Setting scroll mode to real time is not an option. What would be best solution here?

GridView

answered on 27 Jul 2018

1 answer

257 views

TextBox and Checkbox in same column?

Is it possible? If so, can someone show me how?

Thanks ... Ed

GridView

answered on 27 Jul 2018

1 answer

119 views

Occurrence appears when an exception exists for it.

Hello.

Sorry I didn't follow your indication to open a new ticket.

There it is.

Here is my problem:

1) I create a recurrent appointment (i.e.: every week day at some time).

2) I make an exception (i.e.: I move one occurrence on the week to one our later)

3) I persist the data

4) When I reload from DB, both the occurrence and the exception are shown.

I attached one pic (recurrence.png) showing this.

I managed to create a project where I show how I save and recover the appointment and the exception. The example shows exactly how I do it, except for the persistence layer) (see SchedulerTest.png, which is a zip file in fact)

To make clear my point, I took a screen shot of the sample project showing what I want to fix (scheduletest.png).

There is something I am missing, but can't figure out what.

Thanks.

ScheduleView

answered on 27 Jul 2018

5 answers

277 views

RadHorizontalLinearGauge hide labels and move the lines to the bottom

Hi there,

I'm trying to hide the labels of the bar and I want to move the lines to the bottom.

I found out that I can hide labels by setting the LabelUseRangeColor to true. I don't think this is the correct way. Can anyone help me with this?

I also want to move the lines from the top top the bottom of the RadHorizontalLinearGauge.

01.<telerik:RadHorizontalLinearGauge Width="250"

02. Height="100"

03. telerik:StyleManager.Theme="Windows8">

04. <telerik:HorizontalLinearScale Min="0"

05. Max="100"

06. LabelLocation="CenterInside"

07. LabelUseRangeColor="True"> 

08. <telerik:HorizontalLinearScale.Indicators>

09. <telerik:BarIndicator Value="60"

10. UseRangeColor="True" />

11. </telerik:HorizontalLinearScale.Indicators>

12. <telerik:HorizontalLinearScale.CustomItems>

13. <Border BorderBrush="#FF606060"

14. BorderThickness="1,0"

15. telerik:ScaleObject.Value="50"

16. telerik:ScaleObject.Location="OverCenter"

17. telerik:ScaleObject.RelativeHeight="0.14*"

18. telerik:ScaleObject.RelativeWidth="0.8*">

19. <Border.LayoutTransform>

20. <RotateTransform Angle="90" />

21. </Border.LayoutTransform>

22. </Border>

23. </telerik:HorizontalLinearScale.CustomItems>

24. <telerik:HorizontalLinearScale.Ranges>

25. <telerik:GaugeRange Min="0"

26. Max="20"

27. IndicatorBackground="Red" />

28. <telerik:GaugeRange Min="20"

29. Max="40"

30. IndicatorBackground="OrangeRed" />

31. <telerik:GaugeRange Min="40"

32. Max="100"

33. IndicatorBackground="LimeGreen" />

34. </telerik:HorizontalLinearScale.Ranges>

35. </telerik:HorizontalLinearScale>

36.</telerik:RadHorizontalLinearGauge>

Gauges

answered on 26 Jul 2018

1 answer

253 views

Automatic begin to edit cell in the next column

Hi!

I need to implementation auto start begin edit cell in the same row and next column, after click in previous column.
In begin my table, code works correctly. But in the last row and in penultimate column code doesn't work correctly, it begin start edit in the last row and in third column.
But after how I write value by myself, code start to work correctly. I use telerik framework.
Thank you for your responses!

var element = sender as FrameworkElement;

ConditionsRadGridView.CommitEdit();

var parentCell = element.GetVisualParent<GridViewCell>();

if (parentCell != null)

{

var index = ConditionsRadGridView.Columns.IndexOf(parentCell.Column);

if (index != -1 && index < parentCell.ParentRow.Cells.Count)

{

var nextCell = parentCell.ParentRow.Cells[index] as GridViewCell;

if (nextCell != null)

{

ConditionsRadGridView.CurrentCellInfo = new GridViewCellInfo(nextCell);

ConditionsRadGridView.BeginEdit();

}

<telerik:RadGridView ValidatesOnDataErrors="InViewMode"

Name="ConditionsRadGridView"

Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2"

Margin="6 3 6 6" HorizontalAlignment="Left"

RowIndicatorVisibility="Collapsed" AutoGenerateColumns="False"

CanUserDeleteRows="False" CanUserInsertRows="False" ShowGroupPanel="False" CanUserReorderColumns="False"

FrozenColumnCount="1"

CanUserFreezeColumns="False"

ItemsSource="{Binding Conditions}" EnableColumnVirtualization="False"

RowStyle="{StaticResource ValidationFixStyle}"

SelectionMode="Extended"

cal:Message.Attach="[Event PreviewKeyUp] = [Action ConditionsKeyUp($this.SelectedItems, $eventArgs)]">

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn CellStyle="{StaticResource SelectedCellStyle}" Header="{x:Static properties:Resources.Station}" DataMemberBinding="{Binding Name, Mode=TwoWay}"

CellTemplateSelector="{StaticResource ConditionNameTemplateSelector}"/>

<telerik:GridViewColumn IsVisible="{Binding IsHaveGroups}">

<telerik:GridViewColumn.CellTemplate>

<DataTemplate>

<CheckBox Visibility="{Binding IsGroup, Converter={StaticResource BoolToVisibilityConverter}}" IsChecked="{Binding IsSplitUp, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"

cal:Message.Attach="[Event Click] = [Action IsSplitUpClick($datacontext)]" />

</DataTemplate>

</telerik:GridViewColumn.CellTemplate>

</telerik:GridViewColumn>

<telerik:GridViewDataColumn Header="{x:Static properties:Resources.AffinityOperator}" ColumnGroupName="Affinity"

DataMemberBinding="{Binding AffinityOperator, UpdateSourceTrigger=PropertyChanged}" TextAlignment="Center" IsReadOnly="True">

<telerik:GridViewDataColumn.CellTemplate>

<DataTemplate DataType="{x:Type vm:StationConditionViewModel}">

<Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch">

<controls3:RadComboBox IsEnabled="{Binding IsRowEnabled}" SelectionChanged="StartEditNextCell"

SelectedItem="{Binding AffinityOperator, UpdateSourceTrigger=PropertyChanged}"

ItemsSource="{Binding Operators}" VerticalAlignment="Center" HorizontalAlignment="Stretch"/>

</Grid>

</DataTemplate>

</telerik:GridViewDataColumn.CellTemplate>

</telerik:GridViewDataColumn>

<telerik:GridViewDataColumn Header="{x:Static properties:Resources.AffinityValue}" ColumnGroupName="Affinity" IsReadOnlyBinding="{Binding AffinityIsReadOnly}"

DataMemberBinding="{Binding Path=AffinityValue}" TextAlignment="Right">

<telerik:GridViewDataColumn.CellTemplate>

<DataTemplate DataType="{x:Type vm:StationConditionViewModel}">

<TextBlock Text="{Binding AffinityValue, StringFormat={}{0:N2}}" Visibility="{Binding AffinityVisibility}" VerticalAlignment="Center" HorizontalAlignment="Right" />

</DataTemplate>

</telerik:GridViewDataColumn.CellTemplate>

</telerik:GridViewDataColumn>

General Discussions

answered on 26 Jul 2018