Questions on UI for WPF Forum

1 answer

245 views

RichTextBox HtmlFormatProvider export overflow document (especially table).

I am inserting text in Richtextbox control from word document. Richtextbox load document correctly and formatting is valid as per MS word document.

Then save document as html and reopen document in Richtextbox. I noticed that Table content is overflowed in paged layout i.e. Columns are clipped or not showing in document area. And also print incomplete document. As I stated when load document, formatting is correct, but exporting document to html and reloading html generated document, this issue happened.

Moreover there is some formatting issue as I highlighted in attached sample image.

This issue can be reproduced in Telerik UI for WPF demos. Following steps to reproduce issue.

In Richtextbox open or paste content from attached sampleDocument.docx document. Document is loaded, and formatting is valid.
Save as html. sample html output is attached for reference
Open saved html document in Richtextbox. You will notice Table formatting/ alignment is not as per actual document.

I am using Telerik UI for WPF R1 2022

RichTextBox

answered on 04 Apr 2022

0 answers

337 views

RadGridView with multiple hierarchical levels

Hello,

i'm currently working with some hierarchical data that i wanted to present using a RadGridView with its ChildTable feature.

Unfortunately i'm running in quite severe performance issues once i try to auto expand the child tables (waiting between 15 to 25 seconds to see my data).

I've read that placing the RadGridView in a container with infinite height (like ScrollViewer, Grid with height 'Auto', etc) could lead to such performance issues, but i didn't place it in such containers.

I prepared and attached a little demo project to reproduce my problem.

It would be great if someone got some tips for me on how to improve the performance when expanding multiple levels of hierarchies in a RadGridView.

Greetings,

Josh

GridView

asked on 04 Apr 2022

3 answers

244 views

WPF Diagram: Open Settings Pane Programatically

Hi,

We wish to auto open the settings pane whenever the user selects a particular shape. What is the standard way of achieving this?

We have added a event handler for the selection changed event, just need the method to trigger the settings pane open.

Thank you.

Diagram

answered on 04 Apr 2022

1 answer

237 views

disable radgridview double click

Hi

I have a checkbox as a cell in one of my gridviews. if you double click it, the chech box will hides.

how can I disable double click , to prevent hiding the checkbox?

I tried:

setting e.handled to true in "PreviewMouseDoubleClick" but did not work(still hides)

<telerik:GridViewDataColumn>

<telerik:GridViewColumn.CellTemplate>

<DataTemplate>
<CheckBox>
#close tags#

GridView

answered on 04 Apr 2022

0 answers

103 views

Bug: Diagram content not updated in settings pane if invoked directly from edit mode

Hi,

We are having an issue with the settings pane of the diagram control wherein if we add a shape to the diagram, edit its text, and click on the settings pane directly, the content (text) of the control is not reflected in the settings pane text tab. Also, any change that you make, say to text or fonts etc. is not immediately reflected on the control. This is causing a great deal of confusion to our users.

How do we force the settings pane to pick up the latest value from the control and make sure it applies changes immediately (so they are visible to the user as they make them)?

I have attached a video demonstrating this issue: https://somup.com/c3ffh2O1kO

Please help.

Diagram

asked on 04 Apr 2022

1 answer

163 views

Can I show ESRI Feature Layers on top of a RadMap control with ArcGis Provider?

Hi,

In my WPF MVVM solution, I'm using Telerik RadMap control with the free ArcGIS Provider to show maps,

I also use Telerik InformationLayer control to show extra data coming from my ViewModel, and it's all working well.

Now I have a paid account at ESRI, and after I log in to my account I can see and use on the ESRI website some extra Feature Layers like "Electric Dataset" and more.

I see ESRI does have an API for .NET to be able to display a map and add a feature layer, and they also show an example of how to do it by using their own WPF esri:MapView control.

But the problem is that I don't want to replace my current RadMap control with another new control because I'm worried about all my existing InformationLayers complexity, and I probably would need to code them again especially to match the new control.

My question is, Is there is a way I could combine using RadMap control with a paid ESRI ArcGIS provider?

Thanks in advance for your answers

Efi

Map

updated question on 31 Mar 2022

1 answer

133 views

GanttView small row height

I want to create a overview where all my 200+ tasks can be seen at one view. To do this, I wanted to make my row height to 5 pixels. So I added this code to my usercontrol:

<system:Double x:Key="RowHeight">5</system:Double><Style TargetType="telerik:EventContainer" BasedOn="{StaticResource EventContainerStyle}">
                            <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" />
                            <Setter Property="MinHeight" Value="{StaticResource RowHeight}" />
                        </Style><Style TargetType="telerik:MilestoneContainer" BasedOn="{StaticResource MilestoneContainerStyle}">
                            <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" />
                            <Setter Property="MinHeight" Value="{StaticResource RowHeight}" />
                        </Style><Style TargetType="telerik:SimpleCellContainer" BasedOn="{StaticResource SimpleCellContainerStyle}">
                            <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" />
                            <Setter Property="MinHeight" Value="{StaticResource RowHeight}" />
                        </Style><Style TargetType="telerik:CellContainer" BasedOn="{StaticResource CellContainerStyle}">
                            <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" />
                            <Setter Property="MinHeight" Value="{StaticResource RowHeight}" />
                            <Setter Property="Padding" Value="0" />
                        </Style><Style TargetType="telerik:CellEditingContainer" BasedOn="{StaticResource CellEditingContainerStyle}">
                            <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" />
                            <Setter Property="MinHeight" Value="{StaticResource RowHeight}" />
                        </Style><Style TargetType="telerik:SimpleTreeCellContainer" BasedOn="{StaticResource SimpleTreeCellContainerStyle}">
                            <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" />
                            <Setter Property="MinHeight" Value="{StaticResource RowHeight}" />
                        </Style><Style TargetType="telerik:DragResizeSlotHighlightContainer" BasedOn="{StaticResource DragResizeSlotHighlightContainerStyle}">
                            <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" />
                            <Setter Property="MinHeight" Value="{StaticResource RowHeight}" />
                        </Style><Style TargetType="telerik:CellHighlightContainer" BasedOn="{StaticResource CellHighlightContainerStyle}">
                            <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" />
                            <Setter Property="MinHeight" Value="{StaticResource RowHeight}" />
                        </Style><Style TargetType="telerik:TreeCellHighlightContainer" BasedOn="{StaticResource TreeCellHighlightContainerStyle}">
                            <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" />
                            <Setter Property="MinHeight" Value="{StaticResource RowHeight}" />
                        </Style><Style TargetType="telerik:TreeCellEditingContainer" BasedOn="{StaticResource TreeCellEditingContainerStyle}">
                            <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" />
                            <Setter Property="MinHeight" Value="{StaticResource RowHeight}" />
                        </Style><Style TargetType="telerik:TreeCellContainer" BasedOn="{StaticResource TreeCellContainerStyle}">
                            <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" />
                            <Setter Property="MinHeight" Value="{StaticResource RowHeight}" />
                        </Style>

But the height is only changed on the EventContainer, not the full row:

How can I change the full row height?

Thanks.

Regards, Marco

GanttView

answered on 31 Mar 2022

1 answer

156 views

RadSplitButton dropdown does not work if command is not enabled

I am using RadSplitButton. I want the drop-down to be enabled even if the command itself is not valid to execute. Is this a valid use-case for this control?

My dropdown content is a list of items. The RadSplitButton content shows the currently selected item. The command operates on the currently selected item and can only be executed if it is valid for that item.

But as soon as the command becomes invalid for the currently selected item, the entire RadSplitButton control becomes disabled. So I am unable to use the dropdown to select a different item, for which it might be valid.

Am I trying to use this control in a manner for which it was not intended?

Buttons

answered on 30 Mar 2022

1 answer

318 views

close radcombobox popup when focus other window/app or move the window

Hi

we tried to change template for radcombobox. but encountered a problem.

when popup is shown and try to move window or focus other window/app, it remains open. note that we set OpenDropdownOnFocus and IsEditable to true

we use c#, wpf, .net core

thanks

<Style TargetType="telerik:RadComboBox">
        <Setter Property="TextSearchMode" Value="Contains"/>
        <Setter Property="IsFilteringEnabled" Value="true"/>
        <Setter Property="OpenDropDownOnFocus" Value="True"/>
        <Setter Property="EditableTemplate">
            <Setter.Value>
                <ControlTemplate  TargetType="telerik:RadComboBox">
                    <Grid>
                        <telerik:RadToggleButton Name="ToggleButton" Background="{TemplateBinding Background}" Foreground="{StaticResource _comboboxForeground}" Template="{StaticResource MyRadToggleButton}" Focusable="false" 
                                                 IsChecked="{Binding Path=IsDropDownOpen,Mode=TwoWay,RelativeSource={RelativeSource TemplatedParent}}" ClickMode="Press">
                        </telerik:RadToggleButton>
                        <ContentPresenter Name="ContentSite" IsHitTestVisible="False" 
                                          Content="{TemplateBinding SelectionBoxItem}" ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}" 
                                          ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}" Margin="3,3,23,3"  VerticalAlignment="Center" HorizontalAlignment="Left" />


                        <TextBox x:Name="PART_EditableTextBox"  Margin="5,1,25,1"
                                 Style="{StaticResource _Panel_TextBoxStyle}"
                                 Background="Transparent"
                                 BorderThickness="0"
                                 VerticalAlignment="Center"/>
                       
                        <Popup Name="Popup"  Grid.ColumnSpan="2" Placement="Bottom"  IsOpen="{TemplateBinding IsDropDownOpen}" AllowsTransparency="True" Focusable="False" PopupAnimation="Slide">
                            <Grid Name="DropDown" SnapsToDevicePixels="True"  MinWidth="{TemplateBinding ActualWidth}" MaxHeight="{TemplateBinding MaxDropDownHeight}">
                                <Border Grid.ColumnSpan="2" Grid.RowSpan="2" x:Name="DropDownBorder" SnapsToDevicePixels="True" MaxWidth="{TemplateBinding ActualWidth}" BorderThickness="0" BorderBrush="White"/>
                                <ScrollViewer Grid.ColumnSpan="2" ScrollViewer.CanContentScroll="False" Grid.Row="1" SnapsToDevicePixels="True">
                                    <StackPanel IsItemsHost="True" Background="{StaticResource _comboboxPopupBackground}" >
                                    </StackPanel>
                                </ScrollViewer>
                            </Grid>
                        </Popup>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsFocused" Value="False">
                            <Setter Property="IsDropDownOpen" Value="False"/>
                        </Trigger>

                        <DataTrigger Binding="{Binding ElementName=PART_EditableTextBox, Path=IsFocused}" Value="false">
                            <Setter Property="IsDropDownOpen" Value="False"/>
                        </DataTrigger>

                        <DataTrigger Binding="{Binding ElementName=ToggleButton, Path=IsChecked}" Value="True">
                            <Setter Property="FocusManager.FocusedElement" TargetName="PART_EditableTextBox" Value="{Binding ElementName=PART_EditableTextBox}"/>
                        </DataTrigger>

                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="ToggleButton" Property="Background" Value="{StaticResource _comboboxHover}"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
</Style>

ComboBox

answered on 29 Mar 2022

1 answer

143 views

Exclude rows from sorting

Hi

In a radgridview I have some rows that I would like to stay always on top, in the order I set in the initial loading.
The other rows can be sorted in the default mode for the column click.

Please note that the number of rows "locked" is known only at runtime.

In the first figure you could see the original sorting. The gray rows are that I would to stay on top:

In the second figure you could see the result after sorting on coulmn "Inizio": the sorting is correct obviously, but I would like that the 3 gray rows stay on the top anyway:

Thank you

Luigi

GridView

answered on 28 Mar 2022