I'm evaluating Telerik's UI for WPF and simply don't have the knowledge nor the time to learn the GridView thoroughly. I have to make a decision between Telerik and a competitor very soon.
The question is about filtering. I like the filtering in the Telerik grid, with the funnel icon. However, my client is familiar with a different experience, and prefers it. Specifically, the client would like a line between the column headers and the data (basically a textbox in each column) where the user could simply type and the grid would automatically filter using a "contains" (simple concept, but not so easy for me to describe). Is that something that could be done with Telerik's grid? Can it be done with configuration, or would it require custom coding? Ideally I'd love to see an example (GitHub)?
Thanks in advance.
Hello,
I'm trying to see if there is a way to align a chart label so that it shows up inside the bar but left aligned. Here is what I have right now:
I'd like for the numbers to be left aligned but still in the bar:
Here is the xaml I have:
<Window x:Class="TestRadCartesianChart.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
xmlns:local="clr-namespace:TestRadCartesianChart"
mc:Ignorable="d"
Title="MainWindow" Height="450" Width="800">
<Grid>
<telerik:RadCartesianChart>
<telerik:RadCartesianChart.Series>
<telerik:BarSeries ShowLabels="True"
CategoryBinding="Category"
ValueBinding="Value">
<telerik:BarSeries.LabelDefinitions>
<telerik:ChartSeriesLabelDefinition HorizontalAlignment="Center" VerticalAlignment="Center">
<telerik:ChartSeriesLabelDefinition.Template>
<DataTemplate>
<TextBlock Text="{Binding Value}"/>
</DataTemplate>
</telerik:ChartSeriesLabelDefinition.Template>
</telerik:ChartSeriesLabelDefinition>
</telerik:BarSeries.LabelDefinitions>
<telerik:BarSeries.DataPoints>
<telerik:CategoricalDataPoint Category="Apples" Value="20"/>
<telerik:CategoricalDataPoint Category="Bananas" Value="28"/>
<telerik:CategoricalDataPoint Category="Oranges" Value="17"/>
<telerik:CategoricalDataPoint Category="Strawberries" Value="30"/>
</telerik:BarSeries.DataPoints>
</telerik:BarSeries>
</telerik:RadCartesianChart.Series>
<telerik:RadCartesianChart.HorizontalAxis>
<telerik:LinearAxis x:Name="horizontalAxis1"/>
</telerik:RadCartesianChart.HorizontalAxis>
<telerik:RadCartesianChart.VerticalAxis>
<telerik:CategoricalAxis/>
</telerik:RadCartesianChart.VerticalAxis>
</telerik:RadCartesianChart>
</Grid>
</Window>
Any help is appreciated.
Thank You,
Giuliano Millan
This is about the RadSplitButton in UI for WPF. I use the Windows 8 theme.
RadSplitButton closed:
RadSplitButton opened:
I want to change that blue color (#25A0DA) to something that's not associated with the theme. I already change the colors of the Windows8Palette and the blue default color seems to be the AccentColor - I don't want to change the AccentColor, though (I set that to something different, which looks great everywhere except the RadSplitButton).
I already added the control template for RadSplitButton and it does work - when I change values I see those in the UI. But which value do I have to change to change the color when RadSplitButton was opened? I couldn't find it.
The XAML sample from the screenshots:
<telerik:RadSplitButton Content="This is a RadSplitButton" HorizontalAlignment="Left" Margin="80,70,0,0" VerticalAlignment="Top">
<telerik:RadSplitButton.DropDownContent>
<StackPanel>
<telerik:RadButton Content="This is a RadButton" HorizontalContentAlignment="Left"/>
<telerik:RadButton Content="This is a RadButton (2)" HorizontalContentAlignment="Left"/>
</StackPanel>
</telerik:RadSplitButton.DropDownContent>
</telerik:RadSplitButton>
I have a class wrapper for working with the Telerik zip library. Since I updated my project to work with a new version (Q2) there started a problem with zip files. I can create a zip file protected with some password, but I cannot read or update it, may some problem is with decryption operation, which also occurs in default Windows Explorer and 7Zip application.
There's a code that I use for the wrapper:
public void Create(string archivePath, string? password = null)
{
using var baseStream = fileSystem.FileStream.New(archivePath, FileMode.Create, FileAccess.ReadWrite);
using var archive = ZipArchive.Create(baseStream, null, compressionSettings, GetEncryptionSettings(password));
}
public void SerializeEntry<T>(string archivePath, string entryName, T entry, string? password = null)
{
using var baseStream = fileSystem.FileStream.New(archivePath, FileMode.Open, FileAccess.ReadWrite);
using var archive = ZipArchive.Update(baseStream, null, compressionSettings, GetDecryptionSettings(password));
archive.GetEntry(entryName)?.Delete();
XmlInOut<T>.SaveToStream(archive.CreateEntry(entryName).Open(), entry);
}
public T DeserializeEntry<T>(string archivePath, string entryName, string? password = null)
{
using var baseStream = fileSystem.FileStream.New(archivePath, FileMode.Open, FileAccess.ReadWrite);
using var archive = ZipArchive.Read(baseStream, null, compressionSettings, GetDecryptionSettings(password));
return XmlInOut<T>.LoadFromStream(archive.GetEntry(entryName).Open());
}
I have a GridView with a few rows that have longer headers than I need. To address this, I implemented two-row headers, as shown in one of the screenshots. However, I am using a ControlPanel for a few settings, one of which is hiding and revealing columns in my GridView. This feature doesn't work properly with my two-row headers, as seen in the screenshots.
Initially, when I open the ControlPanel, all two-row headers disappear, leaving empty headers. When I hide a column with a two-row header, the name of the column (header) disappears from the ControlPanel, but the checkbox remains, as shown in the screenshots. When I reveal the column again, the header reappears.
My question is: How should I manage headers when I want them to be two-row?
Is there a reason the ArcGIS provider does not require a key? Following the documentation shows the map without any issues.
https://docs.telerik.com/devtools/wpf/controls/radmap/features/providers/arcgis
Also, is there a way to use other styles or basemaps other than what the control provides? In particular, the imagery hybrid, which is aerial imagery with the roads/labels.
Is it possible to change the max zoom? ArcGisWorldMapSourceBase.cs uses a max zoom of only 19. I have the same issue with the Bing and Azure providers. I'd like to use the higher zoom levels available and not have the map control scale the images, which will then be blurry.
I need to display a dataset of a scanned item where the dataset is a list of 3D values (X, Y and Z)
I want the diagram to display the Image as be a top-down view, using X and Y coordinates from the dataset using the the height (Z) to color encode the point using a color gradient.
Using a 3D RadCartesianChart3D component I have created something similar, see the attached RadCartesianChar3D image.
What I need now is a 2D image, something like what I try to illustrate in the attached ColorEncodedItem image.
What I need to know, is what component I should use for this job.
I expect that using a RadCartesianChart3D will be to CPU intensive for the platform I will be running this software on + I don't know, how to make a top-down view of a diagram using this component
Hello im using telerik version 2021.3.909
I have a RadDocking with a lot of RadPanes that are created with DockingPaneFactory
Most of those panes are FloatingDockable which means when i move my main screen the the 2nd(or any other) monitor those RadPanes stays afloat on the first screen.
I know i can change all of them to docking panels and this will solve my problem, but because i have a lot of RadPanes i cannot place them with Dock.Left/Right/etc
My goal is that all my RadPanes will move when the main window is moving(or resizing)
Hello,
I would like to ask for your help. When creating RadTreeView my ItemContainerStyle is not working. I would like to connect ViewModel IsExpanded with RadTreeViewItem but I can't do it. The component works fine for me if I define a HierarchicalDataTemplate for the Item template as follows.
<Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" >
<Grid.Resources>
<HierarchicalDataTemplate x:Key="ItemTemplateTree"
ItemsSource="{Binding Children}">
<StackPanel Orientation="Horizontal">
<TextBlock Text="{Binding Name}" FontWeight="Bold" />
<TextBlock Text="{Binding Value, StringFormat=': {0}'}" />
</StackPanel>
</HierarchicalDataTemplate>
</Grid.Resources>
<telerik:RadTreeView Name="JsonTreeView"
ItemsSource="{Binding SelectedItemInContent.MediaTreeInfoJson}"
IsVirtualizing="True"
SelectionMode="Extended"
ItemTemplate="{StaticResource ItemTemplateTree}"
/>
</Grid>
But if I try to change the ItemContainerStyle like in the Demo examples "ShuttleControl_WPF", the whole tree disappears. As if it doesn't have a properly defined Style.
<Style x:Key="nodeStyle" TargetType="telerik:RadTreeViewItem">
<Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}"/>
</Style>
The model I use for Items is as follows:
public class JsonInfoTreeModel: ViewModelBase
{
private string name;
private string value;
private ObservableCollection<JsonInfoTreeModel> children;
private bool isExpanded;
public JsonInfoTreeModel()
{
Children = new ObservableCollection<JsonInfoTreeModel>();
IsExpanded = true;
}
public string Name
{
get { return name; }
set
{
if (name != value)
{
name = value;
OnPropertyChanged(nameof(Name));
}
}
}
public string Value
{
get { return value; }
set
{
if (this.value != value)
{
this.value = value;
OnPropertyChanged(nameof(Value));
}
}
}
public ObservableCollection<JsonInfoTreeModel> Children
{
get { return children; }
set
{
if (children != value)
{
children = value;
OnPropertyChanged(nameof(Children));
}
}
}
public bool IsExpanded
{
get { return isExpanded; }
set
{
if (isExpanded != value)
{
isExpanded = value;
OnPropertyChanged(nameof(IsExpanded));
}
}
}
}
Thank you for any help.
************** Update ****************
ExamleDesk.WPF.zip
Hi !
I'm using a radButton because if i use radRadioButton when i've "checked" it the background theme is green like the same unlock svg color, but i want make an exception background color when my RadRadioButton use this svg.
But my menu selection must be all radradiobutton because when one of them is selection page content (ViewModel) must change. the lock/unlock buttons are new because my project change and next access to the parts and conditioned by a validation page.
<UserControl.Resources>
<PathGeometry x:Key="UnLock" Figures="M18 1C15.24 1 13 3.24 13 6V8H4C2.9 8 2 8.89 2 10V20C2 21.11 2.9 22 4 22H16C17.11 22 18 21.11 18 20V10C18 8.9 17.11 8 16 8H15V6C15 4.34 16.34 3 18 3C19.66 3 21 4.34 21 6V8H23V6C23 3.24 20.76 1 18 1M10 13C11.1 13 12 13.89 12 15C12 16.11 11.11 17 10 17C8.9 17 8 16.11 8 15C8 13.9 8.9 13 10 13Z"/>
<PathGeometry x:Key="Lock" Figures="M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z"/>
</UserControl.Resources>
<Grid Grid.Column="1" Width="50" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0,0,0,5">
<telerik:RadButton Cursor="Hand" Padding="4" Command="{Binding InitValidationCommand}">
<Viewbox Width="32" Height="32">
<Canvas Width="24" Height="24">
<Path>
<Path.Style>
<Style TargetType="Path">
<Setter Property="Data" Value="{StaticResource ResourceKey=Lock}"/>
<Setter Property="Fill" Value="#F44336"/>
<Style.Triggers>
<DataTrigger Binding="{Binding InitEtude.IsDeverrouille}" Value="True">
<Setter Property="Data" Value="{StaticResource ResourceKey=UnLock}" />
<Setter Property="Fill" Value="{telerik:Windows11Resource ResourceKey=AccentBrush}"/>
</DataTrigger>
</Style.Triggers>
</Style>
</Path.Style>
</Path>
</Canvas>
</Viewbox>
</telerik:RadButton>
</Grid>
i've tested in other part of my project many option but to overflow theme checked definition :
- no success
<telerik:RadRadioButton Width="115" Height="50" Cursor="Hand" Margin="0,0,0,5" GroupName="test">
<ControlTemplate TargetType="telerik:RadRadioButton">
<ControlTemplate.Triggers>
<Trigger Property="IsChecked" Value="True">
<Setter Property="Background" Value="Red"/>
<Setter Property="helpers:ThemeHelper.CheckedBackgroundBrush" Value="red"/>
<Setter Property="helpers:ThemeHelper.CheckedBrush" Value="blue"/>
</Trigger>
<Trigger Property="IsPressed" Value="True">
<Setter Property="Background" Value="Red"/>
<Setter Property="helpers:ThemeHelper.CheckedBackgroundBrush" Value="red"/>
<Setter Property="helpers:ThemeHelper.CheckedBrush" Value="blue"/>
</Trigger>
<Trigger Property="IsEnabled" Value="True">
<Setter Property="Background" Value="Red"/>
<Setter Property="helpers:ThemeHelper.CheckedBackgroundBrush" Value="red"/>
<Setter Property="helpers:ThemeHelper.CheckedBrush" Value="blue"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</telerik:RadRadioButton>