Hi,
I am using WPF , MEF, PRISM and Telerik Components RadGrid , RadDataFilter and RadDataPager with the StyleManager.
The Problem i have is in RadDataFilter .If i open the Filter Criterias the Value for Filter is missing in Fluent Dark and Light . But if i only switch the Theme to Win8 it´s there. The Code of my View is below and some Pictures of the visual Tree are in the Attachments.
Is this a Bug in Fluent Styles or mine in xaml ?
In App.xaml.cs i only switch this 2 block of code to see if there is a Field in Win8 and also in Fluent but i can only find it in Win8 Theme correctly.
//Fluent resources
FluentPalette.LoadPreset(FluentPalette.ColorVariation.Light);
FluentPalette.Palette.FontSizeS = 10;
FluentPalette.Palette.FontSize = 10;
FluentPalette.Palette.FontSizeL = 12;
FluentPalette.Palette.FontSizeXL = 14;
FluentPalette.Palette.FontFamily = new FontFamily("Segoe UI");
FluentPalette.Palette.CornerRadius = new CornerRadius(5);
FluentTheme apptheme = new FluentTheme();
ThemeEffectsHelper.IsAcrylicEnabled = false;
StyleManager.ApplicationTheme = apptheme;
//Windows8Touch resources
//Windows8Palette.Palette.FontSizeS = 8;
//Windows8Palette.Palette.FontSize = 10;
//Windows8Palette.Palette.FontSizeL = 12;
//Windows8Palette.Palette.FontSizeXL = 14;
//Windows8Palette.Palette.FontSizeXXL = 16;
//Windows8Palette.Palette.FontFamily = new FontFamily("Courier New");
//Windows8Palette.Palette.FontFamilyLight = new FontFamily("Courier New");
//Windows8Palette.Palette.FontFamilyStrong = new FontFamily("Courier New");
//StyleManager.ApplicationTheme = new Windows8Theme();
If you look into the visual Tree attached pictures it looks like there is something missing under the "Filter Editor" in Fluent Style compared to the same entry in Win8.
I also tried this Styles with different results.
worked ok with Vista => value field is there with StyleManager.ApplicationTheme = new VistaTheme();
but it´s also missing with => StyleManager.ApplicationTheme = new MaterialTheme();
Any Idea how i can fix this please.
Thanks br
Thomas Cinatl
<UserControl x:Class="MySolutionApplication.Views.LookupListGrid"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
xmlns:telerikGrid="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.GridView"
xmlns:Mvvm="clr-namespace:Prism.Mvvm;assembly=Prism.Wpf"
UseLayoutRounding="True" IsEnabled="True"
Mvvm:ViewModelLocator.AutoWireViewModel="True"
mc:Ignorable="d" d:DesignWidth="1022" d:DesignHeight="649"
>
<DockPanel>
<DockPanel.Resources>
<Style x:Key="CenterCheckBoxColumnCellStyle" TargetType="telerik:GridViewCell">
<Setter Property="HorizontalContentAlignment" Value="Center"/>
</Style>
<Style x:Key="GridViewHeaderRowStyle" TargetType="{x:Type telerik:GridViewHeaderCell}">
<Setter Property="Background"
Value="DarkBlue" />
</Style>
</DockPanel.Resources>
<TextBlock x:Name="label" Text="{Binding DisplayName,FallbackValue='Lookup'}" Grid.Row="0" Margin="0" HorizontalAlignment="Stretch" Style="{StaticResource HeaderStyle}" VerticalAlignment="Center"
DockPanel.Dock="Top"/>
<telerik:RadExpander DockPanel.Dock="Top" Header="SEARCH" FontWeight="Bold">
<telerik:RadDataFilter x:Name="radDataFilter" Source="{Binding Items, ElementName=LookupListGridCtrl}" >
</telerik:RadDataFilter>
</telerik:RadExpander>
<telerik:RadGridView x:Name="LookupListGridCtrl" ItemsSource="{Binding Nodes,Mode=TwoWay}" SelectedItem="{Binding Nodes.SelectedUiDataItem,Mode=TwoWay}" Grid.Row="1"
AutoGenerateColumns="false" GroupRenderMode="Flat" NewRowPosition="Top"
CanUserDeleteRows="True" ScrollMode="Deferred" IsSynchronizedWithCurrentItem="True" CanUserResizeColumns="True"
RowIndicatorVisibility="Visible" Margin="0,0,0,1"
IsFilteringAllowed="False">
<telerik:EventToCommandBehavior.EventBindings>
<telerik:EventBinding Command="{Binding CommandProvider.DoDeleteRow}" EventName="Deleted" RaiseOnHandledEvents="True" PassEventArgsToCommand="True" />
<telerik:EventBinding Command="{Binding CommandProvider.DoInsertRow}" EventName="RowEditEnded" RaiseOnHandledEvents="True" PassEventArgsToCommand="True" />
<telerik:EventBinding Command="{Binding CommandProvider.DoAddNew}" EventName="AddingNewDataItem" RaiseOnHandledEvents="True" PassEventArgsToCommand="True" />
<telerik:EventBinding Command="{Binding CommandProvider.DoValidatingCell}" EventName="CellValidating" RaiseOnHandledEvents="True" PassEventArgsToCommand="True" />
<telerik:EventBinding Command="{Binding CommandProvider.DoValidatingRow}" EventName="RowValidating" RaiseOnHandledEvents="True" PassEventArgsToCommand="True" />
</telerik:EventToCommandBehavior.EventBindings>
<telerik:RadGridView.Columns>
<telerik:GridViewColumn Header="x" Width="30" HeaderTextAlignment="Center" HeaderCellStyle="{DynamicResource GridViewHeaderRowStyle}" IsFilterable="False"
IsGroupable="False" IsReorderable="False" IsSortable="False" IsResizable="False">
<telerik:GridViewColumn.CellTemplate>
<DataTemplate>
<telerik:RadButton Command="telerikGrid:RadGridViewCommands.Delete"
CommandParameter="{Binding}"
telerik:TouchManager.IsTouchHitTestVisible="False">
<Image Height="15" Width="15" Source="/MySolutionApplication;component/Images/DeleteHS.png"/>
</telerik:RadButton>
</DataTemplate>
</telerik:GridViewColumn.CellTemplate>
</telerik:GridViewColumn>
<!-- Compare with : :group_lookup_lkp:ROOT:par_lkp_lookup_lkp:ROOT:par_lkp_group_lookup_lkp:ROOT: -->
<!-- Text: lookup_lkp -->
<telerik:GridViewDataColumn Header="LOOKUP"
DataMemberBinding="{Binding lookup_lkp, Mode=TwoWay}"
Width="90*"
TextAlignment="Left"/>
<!-- Compare with : :group_lookup_lkp:ROOT:par_lkp_lookup_lkp:ROOT:par_lkp_group_lookup_lkp:ROOT: -->
<!-- Compared with : group_lookup_lkp IN :group_lookup_lkp:ROOT:par_lkp_lookup_lkp:ROOT:par_lkp_group_lookup_lkp:ROOT: -->
<!-- Lookup: group_lookup_lkp -->
<telerik:GridViewComboBoxColumn Header="GROUP LOOKUP" Width="180*"
DataMemberBinding="{Binding group_lookup_lkp, Mode=TwoWay}"
DisplayMemberPath="display_nam"
ItemsSource="{Binding Nodes.GroupLookups}"
SelectedValueMemberPath="lookup_lkp"
>
<telerik:GridViewComboBoxColumn.ItemTemplate>
<DataTemplate>
<Grid>
<TextBlock Text="{Binding display_nam}" TextAlignment="Left"/>
</Grid>
</DataTemplate>
</telerik:GridViewComboBoxColumn.ItemTemplate>
</telerik:GridViewComboBoxColumn>
<!-- Ignore NonList: alias_id -->
<!-- Compare with : :group_lookup_lkp:ROOT:par_lkp_lookup_lkp:ROOT:par_lkp_group_lookup_lkp:ROOT: -->
<!-- Compared with : par_lkp_lookup_lkp IN :group_lookup_lkp:ROOT:par_lkp_lookup_lkp:ROOT:par_lkp_group_lookup_lkp:ROOT: -->
<!-- Lookup: par_lkp_lookup_lkp -->
<telerik:GridViewComboBoxColumn Header="PAR LKP LOOKUP" Width="210*"
DataMemberBinding="{Binding par_lkp_lookup_lkp, Mode=TwoWay}"
DisplayMemberPath="display_nam"
ItemsSource="{Binding Nodes.ParLkpLookups}"
SelectedValueMemberPath="lookup_lkp"
>
<telerik:GridViewComboBoxColumn.ItemTemplate>
<DataTemplate>
<Grid>
<TextBlock Text="{Binding display_nam}" TextAlignment="Left"/>
</Grid>
</DataTemplate>
</telerik:GridViewComboBoxColumn.ItemTemplate>
</telerik:GridViewComboBoxColumn>
<!-- Compare with : :group_lookup_lkp:ROOT:par_lkp_lookup_lkp:ROOT:par_lkp_group_lookup_lkp:ROOT: -->
<!-- Compared with : par_lkp_group_lookup_lkp IN :group_lookup_lkp:ROOT:par_lkp_lookup_lkp:ROOT:par_lkp_group_lookup_lkp:ROOT: -->
<!-- Lookup: par_lkp_group_lookup_lkp -->
<telerik:GridViewComboBoxColumn Header="PAR LKP GROUP LOOKUP" Width="300*"
DataMemberBinding="{Binding par_lkp_group_lookup_lkp, Mode=TwoWay}"
DisplayMemberPath="display_nam"
ItemsSource="{Binding Nodes.ParLkpGroupLookups}"
SelectedValueMemberPath="lookup_lkp"
>
<telerik:GridViewComboBoxColumn.ItemTemplate>
<DataTemplate>
<Grid>
<TextBlock Text="{Binding display_nam}" TextAlignment="Left"/>
</Grid>
</DataTemplate>
</telerik:GridViewComboBoxColumn.ItemTemplate>
</telerik:GridViewComboBoxColumn>
<!-- Ignore NonList: external_uri -->
<!-- Ignore NonList: customized_flg -->
<!-- Compare with : :group_lookup_lkp:ROOT:par_lkp_lookup_lkp:ROOT:par_lkp_group_lookup_lkp:ROOT: -->
<!-- Text: display_nam -->
<telerik:GridViewDataColumn Header="DISPLAY"
DataMemberBinding="{Binding display_nam, Mode=TwoWay}"
Width="120*"
TextAlignment="Left"/>
<!-- Compare with : :group_lookup_lkp:ROOT:par_lkp_lookup_lkp:ROOT:par_lkp_group_lookup_lkp:ROOT: -->
<!-- Text: display_short_txt -->
<telerik:GridViewDataColumn Header="DISPLAY SHORT"
DataMemberBinding="{Binding display_short_txt, Mode=TwoWay}"
Width="195*"
TextAlignment="Left"/>
<!-- Ignore NonList: report_txt -->
<!-- Ignore NonList: description_txt -->
<!-- Ignore Audit: create_user -->
<!-- Ignore Audit: create_date -->
<!-- Ignore Audit: modify_user -->
<!-- Ignore Audit: modify_date -->
<!-- Ignore Audit: valid_from -->
<!-- Ignore Audit: valid_to -->
<!-- Ignore Audit: deleted_yn -->
<!-- Compare with : :group_lookup_lkp:ROOT:par_lkp_lookup_lkp:ROOT:par_lkp_group_lookup_lkp:ROOT: -->
<!-- Flag: valid_yn -->
<telerik:GridViewCheckBoxColumn Header="VALID" DataMemberBinding="{Binding IsValidYn, Mode=TwoWay}" AutoSelectOnEdit="True" EditTriggers="CellClick" Width="75*" >
<telerik:GridViewCheckBoxColumn.CellStyle>
<Style TargetType="telerik:GridViewCell" BasedOn="{StaticResource CenterCheckBoxColumnCellStyle}">
<Setter Property="HorizontalContentAlignment" Value="Center" />
</Style>
</telerik:GridViewCheckBoxColumn.CellStyle>
</telerik:GridViewCheckBoxColumn>
</telerik:RadGridView.Columns>
</telerik:RadGridView>
<telerik:RadDataPager PageSize="20"
Grid.Row="2" FontSize="12" Margin="0,-1,0,0"
Source="{Binding Items, ElementName=LookupListGridCtrl}"
IsTotalItemCountFixed="True"
DisplayMode="FirstLastPreviousNextNumeric, Text" />
<!--</Grid>-->
</DockPanel>
</UserControl>
4 Answers, 1 is accepted
I confirm that the reported issue is observed in our Fluent and Material themes when StyleManager is used. Please find your telerik points updated and expect my follow-up once I find a workaround for you. Meanwhile I would suggest you to try updating your project to use NoXAML binaries as there the issue is not reproducable.
Regards,
Sia
Progress Telerik
It seems that the only possible workaround would be to set custom style for the FilterControl or to migrate the project to NoXAML binaries. I have logged a public item for the reported bug and you can track its progress by following it. The fix will be included in our upcoming LIB next Monday. Please let me know if you need the custom style in case migrating to NoXAML is not an option for you.
Regards,
Sia
Progress Telerik
Rank 1
Hi Sia , thanks for answer i will wait on the upcoming LIB. best regards. thomas
It should be live already. You can check for example the 2018.1.423 version released yesterday.
Regards,
Sia
Progress Telerik