Telerik Forums
UI for WPF Forum
1 answer
66 views
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
Martin Ivanov
Telerik team
 answered on 13 Jan 2025
6 answers
432 views
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
Andrew
Top achievements
Rank 1
Iron
 answered on 10 Jan 2025
0 answers
49 views

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

 

JaSeen
Top achievements
Rank 1
 asked on 09 Jan 2025
1 answer
51 views

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.

Stenly
Telerik team
 answered on 06 Jan 2025
2 answers
48 views

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...

hhgm
Top achievements
Rank 1
Iron
Iron
Iron
 answered on 03 Jan 2025
0 answers
94 views

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?

 

Blaine
Top achievements
Rank 1
 asked on 02 Jan 2025
1 answer
44 views

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>
Stenly
Telerik team
 answered on 24 Dec 2024
1 answer
119 views

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. 

Stenly
Telerik team
 answered on 20 Dec 2024
1 answer
67 views

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?

Martin Ivanov
Telerik team
 answered on 19 Dec 2024
1 answer
132 views

Hi!
I have a filter with values ​​set (via DistinctValuesLoading). There is a string property in the elements. Is there a way to use "Contains" when filtering elements.

I used a CustomFilteringControl:

var ids = this.distinctValuesListBox.SelectedItems.OfType<string>();
this.filterDescriptor = new FilterDescriptor<RowInfo>()
{
    FilteringExpression = rowInfo => ids.Any(x => rowInfo.Name.Contains(x))
};
gridView.FilterDescriptors.Add(this.filterDescriptor);     

 

It works. But I can't use RadGridView settings saving. And for each column (in different tables) where such mechanics will be used (unique values ​​will be different) it will be necessary to create its own CustomFilteringControl and add it to ICustomPropertyProvider to save RadGridView settings.

 

Is there a way to set the filtering method to "Contains"?

Something like this:
DistinctValuesSearchMode="Contains"

Martin Ivanov
Telerik team
 answered on 17 Dec 2024
Narrow your results
Selected tags
Tags
GridView
General Discussions
Chart
RichTextBox
Docking
ScheduleView
ChartView
TreeView
Diagram
Map
ComboBox
TreeListView
Window
RibbonView and RibbonWindow
PropertyGrid
DragAndDrop
TabControl
TileView
Carousel
DataForm
PDFViewer
MaskedInput (Numeric, DateTime, Text, Currency)
AutoCompleteBox
DatePicker
Buttons
ListBox
GanttView
PivotGrid
Spreadsheet
Gauges
NumericUpDown
PanelBar
DateTimePicker
DataFilter
Menu
ContextMenu
TimeLine
Calendar
Installer and Visual Studio Extensions
ImageEditor
BusyIndicator
Expander
Slider
TileList
PersistenceFramework
DataPager
Styling
TimeBar
OutlookBar
TransitionControl
Book
FileDialogs
ToolBar
ColorPicker
TimePicker
SyntaxEditor
MultiColumnComboBox
VirtualGrid
Wizard
ExpressionEditor
NavigationView (Hamburger Menu)
WatermarkTextBox
DesktopAlert
BarCode
SpellChecker
DataServiceDataSource
EntityFrameworkDataSource
RadialMenu
ChartView3D
Data Virtualization
BreadCrumb
ProgressBar
Sparkline
LayoutControl
TabbedWindow
ToolTip
CloudUpload
ColorEditor
TreeMap and PivotMap
EntityFrameworkCoreDataSource (.Net Core)
HeatMap
Chat (Conversational UI)
VirtualizingWrapPanel
Calculator
NotifyIcon
TaskBoard
TimeSpanPicker
BulletGraph
Licensing
WebCam
CardView
DataBar
FilePathPicker
PasswordBox
Rating
SplashScreen
Accessibility
Callout
CollectionNavigator
Localization
AutoSuggestBox
Security
VirtualKeyboard
HighlightTextBlock
TouchManager
StepProgressBar
Badge
OfficeNavigationBar
ExpressionParser
CircularProgressBar
SvgImage
PipsPager
SlideView
AI Coding Assistant
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?