Questions on UI for WPF Forum

0 answers

123 views

Telerik WPF Demo: OutOfMemoryException on Large Window Resize

I am currently using DevExpress but considering switching to Telerik.

I downloaded the Telerik UI for WPF demo version and applied it to my existing application for evaluation. However, I encountered an issue and would like to ask for assistance.

I created a project using the "Telerik WPF Application (.NET Framework)" template, ran the blank project, and resized the window. Since our users work with four 2560x1440 monitors, I resized the window to fill all four monitors.

At this point, the following error occurred:

Unhandled exception of type 'System.OutOfMemoryException' occurred in PresentationCore.dll.
There is not enough memory to continue the execution of the program.

This exception does not occur in Microsoft WPF projects.

Before purchasing, I would like to confirm if there is a solution to this issue.

Thank you in advance for your response.

Window

asked on 13 Jan 2025

1 answer

51 views

WPF RadTabItem Styling Selected Item not changing

Hi team

I have this

    <Style x:Key="Style.RadTabItem.MainWindow" TargetType="{x:Type telerik:RadTabItem}">
        <!-- Base appearance -->
        <Setter Property="Background" Value="#01000000" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="Padding" Value="16,0" />
        <Setter Property="Margin" Value="0,0,0,0" />
        <Setter Property="MinWidth" Value="160" />
        <Setter Property="MaxWidth" Value="240" />
        <Setter Property="IsTabStop" Value="True" />
        <Setter Property="FocusVisualStyle" Value="{x:Null}" />
        <Setter Property="telerikHelpers:ThemeHelper.MouseOverBrush" Value="{DynamicResource Tab.Background.MouseOver}" />
        <Setter Property="telerikHelpers:ThemeHelper.CheckedBrush" Value="{DynamicResource Tab.Background.Selected}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type telerik:RadTabItem}">
                    <Border x:Name="OuterBorder"
                            Background="Transparent"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}">
                        <Grid x:Name="grd_MainTabHeader">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>

                            <Path x:Name="pth_Left"
                                  Fill="White"
                                  Data="M0,16 A16,16 0 0 0 16,0 L16,16 L0,16 Z"
                                  VerticalAlignment="Bottom"
                                  Visibility="Collapsed" />

                            <Border x:Name="MainBorder"
                                    Background="{TemplateBinding Background}"
                                    CornerRadius="8,8,0,0"
                                    Grid.Column="1"
                                    HorizontalAlignment="Stretch">
                                <Grid
                                    x:Name="grd_ContentSite"
                                    Margin="0">
                                    <Rectangle x:Name="FocusVisual" 
                                             Opacity="0"
                                             StrokeThickness="1"
                                             Stroke="Black"
                                             StrokeDashArray="1,1" />
                                    <ContentPresenter x:Name="ContentSite"
                                                    ContentSource="Header"
                                                    HorizontalAlignment="Stretch"
                                                    VerticalAlignment="Center"
                                                    Margin="{TemplateBinding Padding}" />
                                </Grid>
                            </Border>

                            <Path x:Name="pth_Right"
                                  Fill="White"
                                  Grid.Column="2"
                                  Data="M8,8 A8,8 0 0 1 0,0 L0,8 L8,8 Z"
                                  VerticalAlignment="Bottom"
                                  Visibility="Collapsed" />
                        </Grid>
                    </Border>
                    <ControlTemplate.Triggers>
                        <!-- Selected state -->
                        <Trigger Property="IsSelected" Value="True">
                            <Setter TargetName="MainBorder" Property="Background" Value="White" />
                            <Setter TargetName="grd_MainTabHeader" Property="Margin" Value="-8,0,-8,0" />
                            <Setter TargetName="pth_Left" Property="Visibility" Value="Visible" />
                            <Setter TargetName="pth_Right" Property="Visibility" Value="Visible" />
                        </Trigger>

                        <!-- Mouse over state -->
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsMouseOver" Value="True" />
                                <Condition Property="IsSelected" Value="False" />
                            </MultiTrigger.Conditions>
                            <Setter TargetName="MainBorder" Property="Background" Value="#e8eaed" />
                            <Setter TargetName="MainBorder" Property="CornerRadius" Value="16" />
                            <Setter TargetName="MainBorder" Property="Margin" Value="8, 0" />
                            <Setter TargetName="grd_ContentSite" Property="Margin" Value="-8, 0" />
                            
                        </MultiTrigger>

                        <!-- Focus state -->
                        <Trigger Property="IsFocused" Value="True">
                            <Setter TargetName="FocusVisual" Property="Opacity" Value="1"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

But it doesn't allow me to change selected items, as in I can't click on the tab to select it.

If I used this

<Style x:Key="Style.RadTabItem.MainWindow" TargetType="{x:Type telerik:RadTabItem}">

        <Setter Property="BorderBrush" Value="{DynamicResource Tab.Border.Selected}" />
        <Setter Property="BorderThickness" Value="0,2,0,0" />
        <Setter Property="Margin" Value="1,0" />
        <Setter Property="telerikHelpers:ThemeHelper.MouseOverBrush" Value="{DynamicResource Tab.Background.MouseOver}" />
        <Setter Property="telerikHelpers:ThemeHelper.CheckedBrush" Value="{DynamicResource Tab.Background.Selected}" />

        <Style.Triggers>
            <Trigger Property="IsSelected" Value="False">
                <Setter Property="BorderBrush" Value="Transparent" />
                <Setter Property="Background" Value="#E4E9FA" />
                <Setter Property="Margin" Value="1,0" />
            </Trigger>
        </Style.Triggers>
    </Style>

It works.

Can you help me identify what I could do to have it work?

Thanks,

H

TabControl

answered on 13 Jan 2025

6 answers

417 views

Validation tooltip showing errors twice

Hi all,

I have a grid column and an edit field below the grid, both binding to the same property.
If that property has an invalid value (here: empty), the grid tooltip shows the error message twice.

Any chance to stop that ?

Regards,
Marco

GridView

answered on 10 Jan 2025

0 answers

44 views

Telerik-Grid: data disappears when moving resizing

Cells are missing content when the list grid is moved, resized, or expanded. Someone allso facing this problem?

GridView

asked on 09 Jan 2025

1 answer

42 views

Move appointments but lock the duration

I have added a ScheduleView to my project and everything has been working fine as it has been readonly. Now I want to add an edit feature, where I want to allow the user to move the appointments, but the durations needs to be locked.

CustomDragDropBehaviour? or are there a simpler way of doing this?

I also need to apply some validation to the end f the move, and potentially highlight appointments that violate some rules. This I expect to be able to do with some standard validation methodology. Just need to trigger it when move of an appointment has completed.

ScheduleView

answered on 06 Jan 2025

2 answers

39 views

Spreadsheet display in previous version

I have a license for UI for WPF 2020 R3 SP1 and I can see a dll called Telerik.Windows.Documents.Spreadsheet

I just can not find any way of utilizing this? Wonder if there is no control associated or why it is there?

I just need to be able to display the content of an Excel xlsx file. No edit, no nothing...

Spreadsheet

Window

answered on 03 Jan 2025

0 answers

82 views

Tree Drag and Drop Multiple Items

I've been dealing with an issue for awhile now where dragging and dropping multiple tree items is kind of difficult. If I select several items and then try to drag them somewhere else, it only works if I start the drag with my mouse over the last item selected. If I try to start the drag with my mouse over any other selected items then the tree selection changed event fires and wipes out all of the selected items except for the one I'm currently over.

Holding the shift key during all of this also makes it work as expected. But both of the ways that work aren't very obvious to users. Is there any other way to keep all of the selected items when dragging regardless of what item the drag starts over?

DragAndDrop

TreeView

asked on 02 Jan 2025

1 answer

39 views

Use SlideIn/AutoHide to keep a pane expanded

Our ultimate goal is to have a pane - the "Zone Editor" be collapsed by default but fly out once a variable is set - we have achieved part of this behavior using the code segment below. However, when we lose focus on the pane, it flies away again, even if the IsActive variable is set to true. Is there a way to prevent this?

<telerik:RadSplitContainer InitialPosition="DockedRight" Orientation="Horizontal" >
    <telerik:RadPaneGroup Name="ZoneEditorPane">
        <zoneEditor:ZoneEditor IsActive="{Binding DataContext.IsZoneEditorVisible, ElementName=DockingControl, Mode=TwoWay}" AutoHideWidth="1075" />
    </telerik:RadPaneGroup>
</telerik:RadSplitContainer>

Docking

answered on 24 Dec 2024

1 answer

93 views

TreeListView: Unable to customize all border styles

Hello,

I use the RadTreeListView control and set the theme implicitly. So far, everything works well. Currently, I use the theme "Office Black". I would like to adjust the table by making changes to the "Telerik.Windows.Controls.GridView.xaml"-ResourceDictionary. So far, I could edit a lot of stuff, and it mostly worked great. But there's one thing I just can't seem to resolve.

I am having trouble customizing all the shown borders of the RadTreeListView. I don't want to have any "IsSelected" or "EditMode" Styles since my TreeListView should exclusively display information.

1) Header row cells:

I noticed that there seem to be several borders around each header row cell. What are the names of the colors of the borders or the names of the borders themselves? A black border, probably 1 pixel in thickness in each direction, keeps appearing and after hours of searching I still haven't found how to hide it / delete it from the ResourceDictionary. In the header row, each cell must only have one white border surrounding it - plain WPF :)

2) 'Normal' table cells showing content:

Furthermore, a border with 1 pixel thickness on the left and upper side appears as soon as I click into a cell (NOT in the header). As soon as clicked, the border mustn't change its style in any way - no change in style or behavior desired.

I want to edit the ResourceDictionary and NOT just overwrite the TreeListView itself. The ResourceDictionary must be reusable in my solution.

Thanks in advance! Any help is appreciated.

GridView

TreeView

answered on 20 Dec 2024

1 answer

55 views

RadExpressionEditor: How to match multi-line text

When a string field contains multiple lines, what is the correct text to put into the editor to match that multi-line field?

I've modified the Telerik sample, https://docs.telerik.com/devtools/wpf/controls/radexpressioneditor/getting-started, so that the Occupation for Sarah Blake contains a newline between Supplied and Manager. How does a user match the occupation? What is the correct escape sequence? Two double quotes, "", works for matching an embedded double quote, ", but how does one match embedded newlines?

ExpressionEditor

answered on 19 Dec 2024