Telerik Forums
UI for WPF Forum
0 answers
167 views

Is there a 

telerik:ComboBoxToolTipHelper.ShowToolTipOnTrimmedText="True" that works on the RadListBox (not only the RadComboBox)?

So a :ComboBoxToolTipHelper.ShowToolTipOnTrimmedText that works on the RadListBox?

Or another way of achieving it on the RadListBox?

Background:

I tried with a behavior on the row data template but it conflicts with the drag and drop by causing exceptions during the drag and drop (but that would incur another question thread).  I am just writing this to say i tried this avenue.

Right now my RadLitBox looks as follows:

<telerik:RadListBox x:Name="RLB_Source"   
                                        VerticalAlignment="Stretch" HorizontalAlignment="Stretch"
                                        ItemsSource="{Binding SourceSplitList, Mode=TwoWay}" 
                                        SelectionMode="Multiple"  
                                        telerik:ListBoxSelectedItemsBehavior.SelectedItemsSource="{Binding SelectedSourceItems}"
                                        DisplayMemberPath="Name" 
                                        AllowDrop="True" 
                                        ScrollViewer.HorizontalScrollBarVisibility="Disabled"
                                        ScrollViewer.VerticalScrollBarVisibility="Visible"  
                                        Style="{StaticResource RadListBoxStyle}" 
                                        telerik:ComboBoxToolTipHelper.ShowToolTipOnTrimmedText="True"
                                        ToolTipService.ToolTip="{Binding Text, RelativeSource={RelativeSource Self}}" 
                                        >

Because of the lines:

                                        telerik:ComboBoxToolTipHelper.ShowToolTipOnTrimmedText="True"
                                        ToolTipService.ToolTip="{Binding Text, RelativeSource={RelativeSource Self}}" 

There is a tool tip showing the text of every RadListBox row - and not only where the text is trimmed.

How is the text trimmed? Short answer: i have a telerik:RadListBoxItem style template where text trimming is set as below:  

         <Setter Property="TextTrimming" Value="CharacterEllipsis"></Setter>

Here is the entire control template:

 <ControlTemplate TargetType="{x:Type telerik:RadListBoxItem}">
                    <Border
                                x:Name="Bd"
                                Padding="{TemplateBinding Padding}"
                                Background="{TemplateBinding Background}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                SnapsToDevicePixels="true">
                        <ContentPresenter 
                                   HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                   VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                   SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                                   >

                            <ContentPresenter.Resources>
                                <Style TargetType="TextBlock">
                                    <Setter Property="TextTrimming" Value="CharacterEllipsis"></Setter>
                                    <Setter Property="TextWrapping" Value="NoWrap" />
                                    <Setter Property="Text" Value="{Binding Name}" />
                                    <Setter Property="ToolTipService.ToolTip" Value="{Binding Name}" />
                                </Style>
                            </ContentPresenter.Resources>
                        </ContentPresenter> 
                    </Border>  

</ControlTemplate>

Trimming is set on the TextBlock that appears (implicitly by Telerik) in the Contentpresenter.

 

The whole styling is below if relevant for answering the question:

My RadListBox has this style:

 <Style x:Key="RadListBoxStyle" TargetType="{x:Type telerik:RadListBox}">
        <Setter Property="AlternationCount" Value="2" />
        <Setter Property="ScrollViewer.CanContentScroll" Value="True" />
        <Setter Property="VirtualizingPanel.ScrollUnit" Value="Pixel" />
        <Setter Property="VirtualizingPanel.VirtualizationMode" Value="Recycling" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="BorderBrush" Value="{StaticResource Gray}" />
        <Setter Property="Background" Value="{DynamicResource White}" />
        <Setter Property="SelectionMode" Value="Multiple" />
        <Setter Property="FontSize" Value="12pt" />
        <Setter Property="FontFamily" Value="{StaticResource SourceSansPro-Regular}" />
        <Setter Property="Foreground" Value="{StaticResource Brand Default}" />
        <Setter Property="Margin" Value="0,2,0,0" />
        <Setter Property="HorizontalAlignment" Value="Stretch" />
        <Setter Property="ItemContainerStyle" Value="{StaticResource DefaultDragDropRadListBoxItemStyle}" /> 
    </Style> 

 

In the the above style there is an ItemContainerStyle.  Here it goes:

        

  <Style x:Key="DefaultDragDropRadListBoxItemStyle" TargetType="telerik:RadListBoxItem">
        <Setter Property="BorderBrush" Value="{StaticResource 'Gray Light'}" />
        <Setter Property="BorderThickness" Value="0,0,0,1" />
        <Setter Property="telerik:DragDropManager.AllowCapturedDrag" Value="True" /> 

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type telerik:RadListBoxItem}">
                    <Border
                                x:Name="Bd"
                                Padding="{TemplateBinding Padding}"
                                Background="{TemplateBinding Background}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                SnapsToDevicePixels="true">
                        <ContentPresenter 
                                   HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                   VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                   SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                                   >

                            <ContentPresenter.Resources>
                                <Style TargetType="TextBlock">
                                    <Setter Property="TextTrimming" Value="CharacterEllipsis"></Setter>
                                    <Setter Property="TextWrapping" Value="NoWrap" />
                                    <Setter Property="Text" Value="{Binding Name}" />
                                    <Setter Property="ToolTipService.ToolTip" Value="{Binding Name}" />
                                </Style>
                            </ContentPresenter.Resources>
                        </ContentPresenter> 
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter TargetName="Bd" Property="TextElement.Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
                        </Trigger>
                        <Trigger Property="ItemsControl.AlternationIndex" Value="0">
                            <Setter Property="Background" Value="White"></Setter>
                        </Trigger>
                        <Trigger Property="ItemsControl.AlternationIndex" Value="1">
                            <Setter Property="Background" Value="{StaticResource 'Gray Lighter'}"></Setter>
                        </Trigger>
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsSelected" Value="False" />
                                <Condition Property="IsMouseOver" Value="True" />
                                <Condition Property="IsKeyboardFocused" Value="False" />
                            </MultiTrigger.Conditions>
                            <Setter TargetName="Bd" Property="Background" Value="{StaticResource Brand Light}" />
                        </MultiTrigger>
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsSelected" Value="False" />
                                <Condition Property="IsMouseOver" Value="False" />
                                <Condition Property="IsKeyboardFocused" Value="True" />
                            </MultiTrigger.Conditions>
                            <Setter TargetName="Bd" Property="Background" Value="{StaticResource Brand Secondary}" />
                        </MultiTrigger>
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsSelected" Value="True" />
                                <Condition Property="IsMouseOver" Value="False" />
                                <Condition Property="IsKeyboardFocused" Value="True" />
                            </MultiTrigger.Conditions>
                            <Setter TargetName="Bd" Property="Background" Value="{StaticResource Brand Secondary}" />
                            <Setter Property="Foreground" Value="White" />
                        </MultiTrigger>
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsSelected" Value="True" />
                                <Condition Property="IsMouseOver" Value="True" />
                            </MultiTrigger.Conditions>
                            <Setter TargetName="Bd" Property="Background" Value="{StaticResource Brand Secondary}" />
                            <Setter Property="Foreground" Value="White" />
                        </MultiTrigger>
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsSelected" Value="True" />
                                <Condition Property="IsMouseOver" Value="False" />
                                <Condition Property="IsKeyboardFocused" Value="False" />
                            </MultiTrigger.Conditions>
                            <Setter TargetName="Bd" Property="Background" Value="{StaticResource Brand Secondary}" />
                            <Setter Property="Foreground" Value="White" />
                        </MultiTrigger>
                        <MultiTrigger>
                            <MultiTrigger.Conditions>
                                <Condition Property="IsSelected" Value="False" />
                                <Condition Property="IsMouseOver" Value="True" />
                                <Condition Property="IsKeyboardFocused" Value="True" />
                            </MultiTrigger.Conditions>
                            <Setter TargetName="Bd" Property="Background" Value="{StaticResource Brand Secondary}" />
                        </MultiTrigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter> 
    </Style>

 

Paul Schwartzberg
Top achievements
Rank 1
 asked on 29 Aug 2022
1 answer
193 views

We have created an app that allows the user to create templates using the diagram control, and then bind data (several records) to print / export to PDF.  The bind operation does not need the diagram to be visible, and its a desired behavior, the user can click a button and we work with the diagram in the background (bind each record, export the image) without the user seeing the diagram loading every record.

The issue we have encountered is that if the diagram has collapsed visibility or is not visible, the items do not render (they have their isLoaded property set to false). This might be an optimization on the Diagram to render only visible items, however its causing an issue for our use case. 

How do we make the diagram load and render all items even when its not visible?  (Or what trick can we use to keep the diagram hidden and yet have it render?)

We also wish to optimize the loading speed in this scenario, suggestions to speed up diagram loading saved items would really help us, as you can imaging we do not need any UI features such as Dragging, Copy/Paste/Undo etc. in the data-bind and export mode.

 

 

 

 

Stenly
Telerik team
 answered on 24 Aug 2022
1 answer
145 views
An error occurred while running the wizard.

Error executing custom action Telerik.Windows.WPF.VSX.Actions.UpdateAppXamlFileAction: System.ArgumentOutOfRangeException: Index was out of range. Must be non-negative and less than the size of the collection.
Parameter name: index
   at System.ThrowHelper.ThrowArgumentOutOfRangeException(ExceptionArgument argument, ExceptionResource resource)
   at System.Collections.Generic.List`1.get_Item(Int32 index)
   at Telerik.Windows.WPF.VSX.Actions.UpdateAppXamlFileAction.TrySettingUserSelectedAssemblyReferences(IPropertyDataDictionary arguments)
   at Telerik.Windows.WPF.VSX.Actions.UpdateAppXamlFileAction.UpdateAppXaml(IPropertyDataDictionary arguments, IProjectWrap projectWrap)
   at Telerik.Windows.WPF.VSX.Actions.UpdateAppXamlFileAction.Execute(WizardContext wizardContext, IPropertyDataDictionary arguments, IProjectWrap projectWrap)
   at Telerik.VSX.Actions.ProjectActionBase.Execute(WizardContext wizardContext, IPropertyDataDictionary arguments)
   at Telerik.VSX.WizardEngine.Actions.ActionBase.Telerik.WizardFramework.IAction.Execute(IWizardContext wizardContext, IPropertyDataDictionary arguments)
   at Telerik.VSX.WizardEngine.ActionManager.ExecActions()
Nikolay Mishev
Telerik team
 answered on 24 Aug 2022
1 answer
531 views

Hi,

I have created a RadGridView with a couple of columns (one of them being GridViewSelectColumn). I have also created a GroupDescriptor with GroupHeaderTemplate and I would like to add a GridViewCheckBox to the GroupHeaderTemplate, so I can select all items in a particular group by one click, however, the GridViewCheckBox is not enabled. I tried different properties on the control, but none of them works for me. 

If I add just a CheckBox then it works, but it does not have the style I need and I would not like to reproduce the Style already present on GridViewSelectColumn.

Can you advise how to enable the GridViewCheckBox ?

Thanks

            <telerik:RadGridView Grid.Row="1" ItemsSource="{Binding Collection}"
                                 AutoGenerateColumns="False"
                                 ShowGroupPanel="False"
                                 RowIndicatorVisibility="Collapsed"
                                 Padding="10"
                                 IsReadOnly="True"
                                 FrozenColumnsSplitterVisibility="Collapsed"
                                 IsFilteringAllowed="False"
                                 SelectionUnit="FullRow"
                                 SelectionMode="Extended">
                <telerik:RadGridView.GroupHeaderTemplate>

    <DataTemplate x:Key="SelectAllGroupHeaderTemplate">
        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
            <telerik:GridViewCheckBox VerticalAlignment="Center" HorizontalAlignment="Center">

            </telerik:GridViewCheckBox>
            <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontWeight="DemiBold"
                       Margin="10 0 0 0"
                       Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor,
                                       AncestorType={x:Type telerik:GridViewGroupRow}},
                                       Path=Group.Key}" />
        </StackPanel>
    </DataTemplate>


                </telerik:RadGridView.GroupHeaderTemplate>
                <telerik:RadGridView.GroupDescriptors>
                    <telerik:GroupDescriptor Member="Id"
                                             SortDirection="Ascending" />
                </telerik:RadGridView.GroupDescriptors>
                <telerik:RadGridView.Columns>
                    <telerik:GridViewSelectColumn/>
                    <telerik:GridViewDataColumn Header="Date" MinWidth="150"
                                                DataMemberBinding="{Binding RollDate}" />
                    <telerik:GridViewDataColumn Header="ID" MinWidth="100"
                                                DataMemberBinding="{Binding Id}" />
                    <telerik:GridViewDataColumn Header="Name" MinWidth="220"
                                                DataMemberBinding="{Binding Name}" />
                </telerik:RadGridView.Columns>
            </telerik:RadGridView>
        </Grid>

Dilyan Traykov
Telerik team
 answered on 24 Aug 2022
1 answer
212 views

I'm using the Prism 8 template pack to create a WPF solution.
I'm adding the Nuget package 'Telerik.UI.for.Wpf.60.Trial' (No Xaml)
I'm adding the solution of KB (Using RadWindow with Prism 7 | Telerik UI for WPF)

Now I have problems to start the solution.

No error, but no viwe is visible.

If I use the Nuget package 'Telerik.UI.for.Wpf.60.xaml.Trial' (with Xaml) I have no problems.

Why I have problems with the 'no xaml' version?

Attached a demo with PRISM 8

 

 

Dirk
Top achievements
Rank 1
Iron
 answered on 24 Aug 2022
1 answer
212 views

Hi team,

How can I  change the background of the  tabcontrol header?

And also  I want to set corners  of  header area like image 2.

I have setted  corners  of   content area ,but there is  a outline, look at image 3

 

Thanks in Advance.

 

Vicky
Telerik team
 answered on 24 Aug 2022
0 answers
197 views

Hi,

1-Is it possible to set the RadDesktopAlert height automatically based on the content text?

2-After showing RadDesktopAlert, if we move the mouse over RadDesktopAlert, the background color will change. What should I do if we don't want the background color to change?

3-After RadDesktopAlert is shown, if we move the mouse over RadDesktopAlert, the text of the content will be underlined. What should we do if we don't want this underline to be displayed?

4-After RadDesktopAlert is displayed, if we move the mouse over RadDesktopAlert, a line will be drawn under the content text and RadDesktopAlert will be closed by clicking on the content text. What should I do if RadDesktopAlert is not closed by clicking on the content text?

5-If the Windows theme is in High contrast, it will not be applied to RadDesktopAlert. If we want the background to be black in the contrast theme and the content to be displayed in white, how should we do this?

6-How to change the color of the header & content text?

Thank you

m
Top achievements
Rank 1
Iron
 updated question on 24 Aug 2022
0 answers
181 views

I coded the following XAML

<FileDialogs:ExplorerControl x:Name="ecDeployStuff" HorizontalAlignment="Left" Margin="12,28,0,0" VerticalAlignment="Top" CurrentDirectoryPath="C:\lala\Main\zzzDevelopment\abc" />

when I launch the WPF app it shows as the C: drive

am I missing another property to make the CurrentDirectoryPath work?

Marianne
Top achievements
Rank 1
Veteran
 asked on 23 Aug 2022
0 answers
133 views

I would appreciate help on how to change 12AM to Sunday, Monday, etc.

And how to change the gray 12AM to the days of the month.

And also change the color of this gray including MouseOver.

 

Ohad
Top achievements
Rank 3
Bronze
Iron
Iron
 asked on 23 Aug 2022
1 answer
147 views
A while back, I was looking to implement a pan feature for my ChartView3D, Telerik directed me to this feature request.  It says you aren't implementing the feature but it does contain sample code to allow me to manually pan the view myself.  I have attached a copy of the sample to this post.

It all mostly works. but I've noticed that the horizontal panning is not true horizontal panning.  If you hit the left or right arrow button just a few times sure it looks that way.  But as you keep moving it left or right and the chart approaches the edge of the windows, it begins to move downward also, as if it were the edge of a large, rotating wheel.

What I need is true XY panning. So that if I hit the left button the scene moves left ONLY, not up or down, no matter how far I move it.

Is there some way to adjust the code in the sample to achieve this?  I'll admit that this sort of math is not at all my strong suit.

Martin Ivanov
Telerik team
 answered on 23 Aug 2022
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
DataPager
PersistenceFramework
Styling
TimeBar
OutlookBar
TransitionControl
FileDialogs
Book
ToolBar
ColorPicker
TimePicker
MultiColumnComboBox
SyntaxEditor
VirtualGrid
NavigationView (Hamburger Menu)
Wizard
ExpressionEditor
WatermarkTextBox
DesktopAlert
BarCode
SpellChecker
DataServiceDataSource
EntityFrameworkDataSource
RadialMenu
ChartView3D
Data Virtualization
BreadCrumb
LayoutControl
ProgressBar
Sparkline
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
Callout
PasswordBox
SplashScreen
Localization
Rating
Accessibility
CollectionNavigator
AutoSuggestBox
Security
VirtualKeyboard
HighlightTextBlock
TouchManager
StepProgressBar
Badge
OfficeNavigationBar
ExpressionParser
CircularProgressBar
SvgImage
PipsPager
SlideView
AI Coding Assistant
InlineAIAssistant
+? more
Top users last month
Tien
Top achievements
Rank 1
Iron
Krasimir
Top achievements
Rank 3
Bronze
Iron
Iron
Cedar
Top achievements
Rank 1
Iron
Emil
Top achievements
Rank 1
Iron
Kyle Watson
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Tien
Top achievements
Rank 1
Iron
Krasimir
Top achievements
Rank 3
Bronze
Iron
Iron
Cedar
Top achievements
Rank 1
Iron
Emil
Top achievements
Rank 1
Iron
Kyle Watson
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?