Questions on UI for WPF Forum

1 answer

282 views

Optimize performence when large data in gridview and chart

Large data and realtime append data with mvvm like use ObservableCollection or RadObservableCollection,  it will deny UI for some seconds. Large data mean the list count greater than 200k even 1000k.
 
Some sence like follow:
 
a gridview binding vm.list.  then vm.list.Add(data)  and list.Count is greater than 200k.  UI lags. list is ObservableCollection 
a chart series bind a  vm.chartseries[0].  then  vm.chartseries[0].Add(data) .
 those are similar. 
 
Could some controls have a nother mode to work without mvvm?  like:
Task.Run(()=>{
gridview1.AppendData(data);
 
vm.LineSeries[0].MaxCount = 200000;
chart1.Series[0].AppendData(data);
//or
vm.LineSeries[0].AppendData(data);
})
 
In this mode ,controls can append data in other thread (not ui thread, and it can use a  better performence collection class) quick and reflesh UI  it self. And this mode have more potential for performance optimization

ChartView

GridView

answered on 10 Aug 2021

0 answers

330 views

Is it possible to check the busy indicator loading performance?

Hello.

First of all, my problem is that when the window is opened, the busy indicator appears after about 1-2 seconds.

The window is wrapped with a busy indicator.

I use async on Loaded Evenet to control the IsBsuy property.

<telerik:EventToCommandBehavior.EventBindings>
	<telerik:EventBinding EventName="Loaded" Command="{Binding OnEventLoadedCommand}"/>
</telerik:EventToCommandBehavior.EventBindings>

public ICommand OnEventLoadedCommand { get => new DelegateCommand(obj => Loaded(obj)); }
private async void Loaded()
{
    IsBusy = true;

        DataLoad . . . . (using async task)

    IsBusy = false;
}

In a simple sample project, it appears immediately.
However, in my actual project, it is a bit delayed.

This is my guess.
Before Loaded, my actual project contains a lot of controls.

The window contains navigation.

There are about 10 usercontrols.

<Window>
    <DataTemplate ....  dataconext = ViewModel> * 10
</Window>

<usercontrol> * 10
    <Many Controls Input Initial Setting>
</usercontrol>

ViewModel..cs => Read values of many properties before constructor

User controls all share the window viewmodel (not separate, only the WindowViewModel).

I think this is the cause of the first creation, but what about it?

Is there any way to solve this? If not, what's the problem?

Thanks.

BusyIndicator

General Discussions

updated question on 10 Aug 2021

1 answer

978 views

GridView columns headers disappearing after binding to ControlPanel

Hi,

I've a problem with GridView and ControlPanel. I'd like to control visibility of GridView columns by using ControlPanel with ControlPanelItem containing ListBox with bounded Columns collection. Listbox contains checkboxes bounded to IsVisible property of GridViewColumn and content with column header.

Everything works fine until I want to show the list of columns in ControlPanelItem. After click on ControlPanelItem some of columns headers disappering. I've noticed that it's strictly related to columns with more complex headers (i.e. textblock with set text and toolTip properties).For columns with simple text header, everything is ok.

I can inverse that effect and click on column header, then column header appears, but Checkbox in ControlPanel doesn't contain any text.

TextBlockForDataGridHeader is a TextBlock control with overriden ToString() method.

ControlPanel definition is the same with example you've provided on ControlPanel section in telerik controls for WPF guidance.

<telerik:RadGridView ItemsSource="{Binding Results, Mode=OneWay}"
                                     SelectedItem="{Binding SelectedResult, Mode=TwoWay}">
                        <telerik:RadGridView.ControlPanelItems>
                            <telerik:ControlPanelItemCollection> 
                                <telerik:ControlPanelItem ButtonTooltip="{x:Static localization:Resources.ColumnsVisibility}"
                                                          ButtonContent="{StaticResource EyeOff}"> 
                                    <telerik:ControlPanelItem.ContentTemplate> 
                                        <DataTemplate> 
                                            <ListBox ItemsSource="{Binding Columns, Mode=OneTime}"  
                                                     BorderThickness="0"> 
                                                <ListBox.ItemTemplate> 
                                                    <DataTemplate> 
                                                        <CheckBox Content="{Binding Header, Mode=OneTime}" 
                                                                  IsChecked="{Binding IsVisible, Mode=TwoWay}" /> 
                                                    </DataTemplate> 
                                                </ListBox.ItemTemplate> 
                                            </ListBox> 
                                        </DataTemplate> 
                                    </telerik:ControlPanelItem.ContentTemplate> 
                                </telerik:ControlPanelItem> 
                            </telerik:ControlPanelItemCollection>
                        </telerik:RadGridView.ControlPanelItems> 
                        <telerik:RadGridView.Columns>
                            <telerik:GridViewDataColumn Header="{x:Static localization:Resources.Number}" 
                                                        DataMemberBinding="{Binding Index, Mode=OneTime}" />
                            <telerik:GridViewDataColumn Header="{x:Static localization:Resources.Name}" 
                                                        DataMemberBinding="{Binding Node.Name, Mode=OneTime}" />
                            <telerik:GridViewDataColumn Header="{x:Static localization:Resources.Container}" 
                                                        DataMemberBinding="{Binding ContainerName, Mode=OneTime}" />
                            <telerik:GridViewDataColumn DataMemberBinding="{Binding Real, Mode=OneTime}"
                                                        DataFormatString="{}{0:F3}">
                                <telerik:GridViewDataColumn.Header>
                                    <controls:TextBlockForDataGridColumnHeader Text="Re {U} (kV)" 
                                                                               ToolTipService.ToolTip="{x:Static localization:Resources.RealVoltage}" />
                                </telerik:GridViewDataColumn.Header>
                            </telerik:GridViewDataColumn>
                            <telerik:GridViewDataColumn DataMemberBinding="{Binding Imaginary, Mode=OneTime}"
                                                        DataFormatString="{}{0:F3}">
                                <telerik:GridViewDataColumn.Header>
                                    <controls:TextBlockForDataGridColumnHeader Text="Im {U} (kV)" 
                                                                               ToolTipService.ToolTip="{x:Static localization:Resources.RealVoltage}" />
                                </telerik:GridViewDataColumn.Header>
                            </telerik:GridViewDataColumn>
                            <telerik:GridViewDataColumn DataMemberBinding="{Binding Magnitude, Mode=OneTime}"
                                                        DataFormatString="{}{0:F3}">
                                <telerik:GridViewDataColumn.Header>
                                    <controls:TextBlockForDataGridColumnHeader Text="U (kV)" 
                                                                               ToolTipService.ToolTip="{x:Static localization:Resources.RealVoltage}" />
                                </telerik:GridViewDataColumn.Header>
                            </telerik:GridViewDataColumn>
                        </telerik:RadGridView.Columns>
                    </telerik:RadGridView>

I had similar problem with WPF resources. When I want to reuse some resources (i.e. icons or paths) in the same view, I have to use x:Shared clause with false value.

In addition, I'd like to avoid declaring seperate resources with columns for each GridView control used in my app.

Thanks for your help!
Łukasz

GridView

answered on 09 Aug 2021

1 answer

347 views

[Solved] How to set 100% table`s width for all new tables by default?

Hello,

Is any way to set default width for new tables, which are creating via RichTextBox UI?

I tried to set OnLoad the following, but unsuccessfully:

Editor.Document.Style.TableProperties.PreferredWidth = new TableWidthUnit(TableWidthUnitType.Percent, 100);

StyleDefinition normalWebStyle = Editor.Document.StyleRepository.GetValueOrNull(RadDocumentDefaultStyles.NormalWebStyleName, true);

normalWebStyle.TableProperties.PreferredWidth = new TableWidthUnit(TableWidthUnitType.Percent, 100);

RichTextBox

answered on 09 Aug 2021

2 answers

160 views

[Solved] Dual X axis labels in barCharts

Hello,

I'd like to have two levels of X-Axis labelling in order to have a main category and subcategories clustered.

I found this topic https://www.telerik.com/forums/clustered-bar-chart---dual-x-axis-labels-is-this-possible-0866e299cb79 that asks for the same feature but the last reply is very old. It´s possible to achieve this behaviour nowadays?

Thanks !

Chart

ChartView

answered on 05 Aug 2021

3 answers

277 views

Why is RadDiagram generating a drag and drop operation when it's disabled?

I'm getting a crash:

System.ArgumentNullException
  HResult=0x80004003
  Message=Value cannot be null.
Parameter name: dataObject
  Source=Telerik.Windows.Controls.Diagrams
  StackTrace:
    at Telerik.Windows.Controls.Diagrams.DataTransferService.HandleDiagramElementDrop(DataObject dataObject)

looking up the stack I can see:

Telerik.Windows.Controls!Telerik.Windows.DragDrop.DragDropManager.DoDragDrop(System.Windows.DependencyObject dragSource, object data, System.Windows.DragDropEffects allowedEffects, System.Windows.DragDropKeyStates initialKeyState, object dragVisual, System.Windows.Point relativeStartPoint, System.Windows.Point dragVisualOffset)

However, I didn't do a drag and drop, I did a double click on a combo box. Plus the RadDiagram has AllowDrop="False". What's going on here?

I did try to put together a sample to see if I can reproduce this but can't seem to get RadDiagram to appear (see link)

Diagram

answered on 05 Aug 2021

1 answer

205 views

How to modify RadAutoCompleteBox dropdowntemplate as table with heading?

Hi

I am using RadAutoCompleteBox. During suggestion I want to show multiple property in single row. For this I modified the data template and created 3 column grid. Now the issue is that how do I add header to it. Header should come once.

AutoCompleteBox

answered on 05 Aug 2021

2 answers

234 views

System shows Not Responding when I try to drag and drop each column header.

Hi Telerik Team,

I am facing two issues in RadgridView,

1. I am getting "Not Responding" message when I drag and drop the column header to do grouping . this issue is occurring when we have more than 15,000 records in RadgridView.

2. After grouping when I click any grouped row , the row visibility is getting collapsed.

Please kindly help me on this issues.

DragAndDrop

GridView

answered on 04 Aug 2021

2 answers

476 views

[Solved] How can I restyle the RadBusyIndicator to remove all Telerik content

This XAML provides the following image.
<telerik:RadBusyIndicator IsBusy="True" BusyContent="This is all I want to see">

However I actually have my own content to see here. I don't want anything baked in. So I override the BusyContentTemplate:
<telerik:RadBusyIndicator.BusyContentTemplate>
<DataTemplate>
<Border Background="Red">
<TextBlock Text="This is all I want to see" />
</Border>
</DataTemplate>
</telerik:RadBusyIndicator.BusyContentTemplate>

Swing and a miss. All I want is my text. Technically a lot of content that I don't need to replicate here. Ok, now let's override the progress bar.
<telerik:RadBusyIndicator.ProgressBarStyle>
<Style TargetType="telerik:RadProgressBar">
<Setter Property="Visibility" Value="Collapsed" />
</Style>
</telerik:RadBusyIndicator.ProgressBarStyle>

Closer but Telerik still has some content around mine. One more try:
<telerik:RadBusyIndicator.OverlayStyle>
<Style TargetType="Rectangle">
<Setter Property="Visibility" Value="Collapsed" />
</Style>
</telerik:RadBusyIndicator.OverlayStyle>

No changes at all from this. How can I simply make my own busy indicator?

BusyIndicator

Styling

answered on 03 Aug 2021

1 answer

910 views

How to make Check All in Listbox?

Hello.

I would like to ask about the Check All function in using listbox.
I usually leave Check All aside.
But when I looked at the sample of ASP.NET (Teleik), I saw that they were tied together.

Is this even possible in WPF? What conditions are required for that?

Thanks.

ListBox

Styling

answered on 03 Aug 2021