Questions on UI for WPF Forum

0 answers

59 views

If the Start and End Dates range are more than 1 month, the data is not exactly aligned with the Header dates after scrolling towards right

When Static header are enabled and few columns are fixed,
Scenario:

1.If the Start and End Dates range are more than 1 month, the data is not exactly aligned with the Header dates after scrolling towards right.

2.If filter is applied, then the footer is displayed at very bottom.

DataFilter

DatePicker

GridView

asked on 02 Jul 2024

1 answer

176 views

Pass filters, sort to Rest Api

Hello,

Here is my situation:

1. I have got client app in WPF ( Cant create here any db context etc )

2. I have got Rest Api where is DbContext (EntityFramework)

3. I have got RadGrid and RadPager

I want to pass QueryableCollectionView or QueryableEntityCollectionView or something else? to this rest api, processing data, use filters, pagination and sorters from radgrid. Then in returns i want to receive collection of Products, Employees or something

Is any body do something like this? I know that in Blazor UI there is DataSourceRequest etc and it works fine, but i did not find alternative in WPF

DataFilter

DataPager

DataServiceDataSource

GridView

answered on 18 May 2023

9 answers

190 views

Data Annotations

The Data Annotations topic states that the System.ComponentModel.DataAnnotations.DisplayAttribute attribute can be used to customise how filter fields are displayed. I have attempted to use this attribute in my own data objects but the AutoGenerateFilter and ShortName appear to be ignored by the RadDataFilter control. As it stands there doesn’t appear to be any way to control how the property names are displayed, which makes it hard to see how this control can actually be used in an application. Am I missing something?

DataFilter

answered on 22 Apr 2023

1 answer

122 views

How display the correlation between filters by lines in DataFilter control.

Hi everybody,

I'd like to to display the correlation between filters in FilterControl. I managed it by path and resources and customizing it although I can't make it more clear since some properties in FilterViewModel are internal and don't have access to children and parent in some scenarios.

The picture is attached

Is there any smooth solution to do that?

Thanks

DataFilter

GridView

answered on 04 Jan 2023

1 answer

203 views

How to Size the GridViewToggleButton

Hello,

im looking for a method to make the GridViewToggleButton (plus/minus Icon) bigger.
Do Somebody has an Idea?

DataFilter

GridView

answered on 02 Dec 2021

1 answer

116 views

RadListBox bound to RadDataFilter DragDrop

Hi,
I use two RadListboxes to allow users to order some things and save the ordered list.
I now want the user to filter the lists and tried the RadDataFilter.
So I bound the Listboxes Itemsource to the RadFIlter.

The problem is, that now the Drag Dop doesnt work anymore.

Is there any way I can do both? Use the filter and the Drag Drop? Or do I have to program my own filter functionality?

Greetings Benedikt

<UserControl 
    x:Class="DispoTelerik2.ucMappenProduktionslinienPlanung"
    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:local="clr-namespace:DispoTelerik2"
    xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" 
    xmlns:iconPacks="http://metro.mahapps.com/winfx/xaml/iconpacks"
    xmlns:mat="clr-namespace:Telerik.Windows.Controls.MaterialControls;assembly=Telerik.Windows.Controls"
    xmlns:dataFilter="clr-namespace:Telerik.Windows.Controls.Data.DataFilter;assembly=Telerik.Windows.Controls.Data"
    >
    <Grid
        Grid.IsSharedSizeScope="True"
        >
        <Grid.Resources>
            <local:FarbeGutSchlechtConverter x:Key="FarbeGutSchlechtConverter" />
            <Style x:Key="DraggableListBoxItem" TargetType="telerik:RadListBoxItem" BasedOn="{StaticResource RadListBoxItemStyle}">
                <Setter Property="telerik:DragDropManager.AllowCapturedDrag" Value="True" />
            </Style>
            <DataTemplate x:Key="MappenTemplate">
                <Border
                    BorderThickness="1"
                    BorderBrush="{telerik:MaterialResource ResourceKey=ReadOnlyBorderBrush}"
                    >
                    <Grid
                        Margin="2"
                        >
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition SharedSizeGroup="ssgMappeProduktionslinienPlanung1"/>
                            <ColumnDefinition SharedSizeGroup="ssgMappeProduktionslinienPlanung2"/>
                            <ColumnDefinition SharedSizeGroup="ssgMappeProduktionslinienPlanung3"/>
                        </Grid.ColumnDefinitions>
                        <iconPacks:PackIconMaterial 
                            Grid.Row="0"
                            Grid.Column="0"
                            HorizontalAlignment="Center"
                            Kind="AlphaSCircle" 
                            >
                            <iconPacks:PackIconMaterial.Foreground>
                                <SolidColorBrush
                                    Color="{Binding Gesägt, Converter={StaticResource FarbeGutSchlechtConverter}}"
                                    />
                            </iconPacks:PackIconMaterial.Foreground>
                        </iconPacks:PackIconMaterial>
                        <TextBlock
                            Grid.Row="1"
                            Grid.Column="0"
                            Grid.ColumnSpan="2"
                            HorizontalAlignment="Center"
                            FontWeight="Bold"
                            FontSize="{DynamicResource FontSizeM}"
                            Text="{Binding Mappe}"
                            Margin="5 2 0 2"
                            />
                        <TextBlock
                            Grid.Row="2"
                            Grid.Column="0"
                            HorizontalAlignment="Center"
                            FontWeight="Bold"
                            Text="{Binding ProduktTyp}"
                            Margin="5 2 3 2"
                            />
                        <TextBlock
                            Grid.Row="2"
                            Grid.Column="1"
                            HorizontalAlignment="Center"
                            Text="{Binding Zellen, StringFormat={}Zellen: {0:n0}}"
                            Margin="8 2 0 2"
                            />
                        <TextBlock
                            Grid.Row="3"
                            Grid.Column="0"
                            HorizontalAlignment="Center"
                            Text="{Binding AufwandBAZ, StringFormat={}Aufwand BAZ: {0:n0}}"
                            Margin="10 2 3 2"
                            Visibility="{Binding Path=ProduktGruppeMöbel, Converter={StaticResource VisibleIfTrueConverter}}"
                            />
                        <TextBlock
                            Grid.Row="3"
                            Grid.Column="1"
                            HorizontalAlignment="Center"
                            Text="{Binding Einzelteile, StringFormat={}Einzelteile: {0:n0}}"
                            Margin="8 2 0 2"
                            Visibility="{Binding Path=ProduktGruppeMöbel, Converter={StaticResource VisibleIfTrueConverter}}"
                            />
                        <TextBlock
                            Grid.Row="3"
                            Grid.Column="1"
                            HorizontalAlignment="Center"
                            Text="{Binding TrennwändeEinzelteile, StringFormat={}Einzelteile: {0:n0}}"
                            Margin="8 2 0 2"
                            Visibility="{Binding Path=ProduktGruppeTrennwände, Converter={StaticResource VisibleIfTrueConverter}}"
                            />
                        <TextBlock
                            Grid.Row="4"
                            Grid.Column="0"
                            Grid.ColumnSpan="2"
                            HorizontalAlignment="Center"
                            FontWeight="Medium"
                            Text="{Binding Termin, StringFormat={}Plantermin: {0:dd.MM.yy}}"
                            Margin="5 2 0 2"
                            />
                        <TextBlock
                            Grid.Row="5"
                            Grid.Column="0"
                            Grid.ColumnSpan="2"
                            HorizontalAlignment="Center"
                            FontWeight="Medium"
                            Text="{Binding Endtermin, StringFormat={}Endtermin: {0:dd.MM.yy}}"
                            Margin="5 2 0 2"
                            />
                        <TextBlock
                            Grid.Row="6"
                            Grid.Column="0"
                            HorizontalAlignment="Center"
                            Text="{Binding MöbelProduktausprägung}"
                            Margin="5 2 3 2"
                            Visibility="{Binding Path=ProduktGruppeMöbel, Converter={StaticResource VisibleIfTrueConverter}}"
                            />
                        <TextBlock
                            Grid.Row="6"
                            Grid.Column="1"
                            HorizontalAlignment="Center"
                            Text="{Binding MöbelSchwierigkeit, StringFormat={}Schwierigkeit: {0}}"
                            Margin="8 2 0 2"
                            Visibility="{Binding Path=ProduktGruppeMöbel, Converter={StaticResource VisibleIfTrueConverter}}"
                            />
                        <TextBlock
                            Grid.Row="6"
                            Grid.Column="0"
                            HorizontalAlignment="Center"
                            Text="{Binding TrennwändeAnlagenmerkmal}"
                            Margin="5 2 3 2"
                            Visibility="{Binding Path=ProduktGruppeTrennwände, Converter={StaticResource VisibleIfTrueConverter}}"
                            />
                        <TextBlock
                            Grid.Row="6"
                            Grid.Column="1"
                            HorizontalAlignment="Center"
                            Text="{Binding TrennwändeProfilausbildung}"
                            Margin="8 2 0 2"
                            Visibility="{Binding Path=ProduktGruppeTrennwände, Converter={StaticResource VisibleIfTrueConverter}}"
                            />
                    </Grid>
                </Border>
            </DataTemplate>
            <!--<DataTemplate x:Key="ProduktTypFilterEditorTemplate">
                <telerik:RadComboBox 
                    SelectedValue="{Binding Value, Mode=TwoWay}"
                    ScrollViewer.CanContentScroll="False"
					MinWidth="100" />
            </DataTemplate>-->
            <!--<local:clsCustomEditorTemplateSelector x:Key="CustomEditorTemplateSelector">
                <local:clsCustomEditorTemplateSelector.EditorTemplateRules>
                    <local:EditorTemplateRule 
                        PropertyName="ProduktTyp"
						DataTemplate="{StaticResource ProduktTypFilterEditorTemplate}" 
                        />
                </local:clsCustomEditorTemplateSelector.EditorTemplateRules>
            </local:clsCustomEditorTemplateSelector>-->
            <local:RadFilterTypes x:Key="RadFilterTypes" />
        </Grid.Resources>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="100*"/>
        </Grid.RowDefinitions>
        <telerik:RadToolBar
            Grid.Row="0"
            VerticalAlignment="Top"
            >
            <telerik:RadComboBox
                ToolTip="Anzuzeigende Linie auswählen"
                ItemsSource="{Binding ProduktionslinienBereiche}"
                SelectedItem="{Binding selProduktionslinienBereich, Mode=TwoWay}"
                telerik:TextSearch.TextPath="Bezeichnung"
                EmptyText="Linie auswählen"
                ScrollViewer.CanContentScroll="False"
                DisplayMemberPath="Bezeichnung"      
                ClearSelectionButtonContent="Auswahl aufheben"
                ClearSelectionButtonVisibility="Visible"
                />
            <telerik:RadDropDownButton
                ToolTip="Anzuzeigenden Zeitraum auswählen"
                IsOpen="{Binding ZeitraumOpen, Mode=TwoWay}"
                >
                <telerik:RadDropDownButton.Content>
                    <StackPanel
                        Orientation="Horizontal"
                        >
                        <iconPacks:PackIconMaterial
                            Kind="CalendarMultiple"
                            VerticalAlignment="Center"
                            HorizontalAlignment="Center"
                            Width="{DynamicResource FontSizeM}"
                            Height="{DynamicResource FontSizeM}"
                            Margin="0 0 5 0"
                            />
                        <TextBlock
                            Text="Zeitraum"
                            />
                    </StackPanel>
                </telerik:RadDropDownButton.Content>
                <telerik:RadDropDownButton.DropDownContent>
                    <StackPanel
                        Margin="8,5"
                        >
                        <telerik:RadDateTimePicker
                            ToolTip="Datum das angezeigt werden soll?"
                            HorizontalAlignment="Left"
                            InputMode="DatePicker"
                            SelectedValue="{Binding Datum, Mode=TwoWay}"
                            AllowParsingWithoutSeparator="True"
                            />
                        <Button
                            Name="btZeitraum"
                            Content="Anzeigen"
                            Margin="0 10 0 0"
                            FontWeight="Medium"
                            Command="{Binding AktualisierenCommand}"
                            >
                        </Button>
                    </StackPanel>
                </telerik:RadDropDownButton.DropDownContent>
            </telerik:RadDropDownButton>
            <Button
                Command="{Binding SpeichernCommand}"
                ToolTip="Tagesplanung Speichern"
                >
                <Button.Content>
                    <StackPanel
                        Orientation="Horizontal"
                        >
                        <iconPacks:PackIconMaterial
                            Kind="ContentSaveOutline"
                            VerticalAlignment="Center"
                            HorizontalAlignment="Center"
                            Width="{DynamicResource FontSizeM}"
                            Height="{DynamicResource FontSizeM}"
                            Margin="0 0 5 0"
                            />
                        <TextBlock
                            Text="Speichern"
                            />
                    </StackPanel>
                </Button.Content>
            </Button>
            <Button
                Command="{Binding HinzufügenCommand}"
                ToolTip="Nicht fällige Mappe in Pool hinzufügen"
                >
                <Button.Content>
                    <StackPanel
                        Orientation="Horizontal"
                        >
                        <iconPacks:PackIconMaterial
                            Kind="FolderDownload"
                            VerticalAlignment="Center"
                            HorizontalAlignment="Center"
                            Width="{DynamicResource FontSizeM}"
                            Height="{DynamicResource FontSizeM}"
                            Margin="0 0 5 0"
                            />
                        <TextBlock
                            Text="Hinzufügen"
                            />
                    </StackPanel>
                </Button.Content>
            </Button>
        </telerik:RadToolBar>
        <Grid
            Grid.Row="1"
            >
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="100*"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>
            <TextBlock
                Grid.Row="0"
                Grid.Column="0"
                Text="Pool"
                HorizontalAlignment="Center"
                FontSize="{telerik:MaterialResource ResourceKey=FontSizeL}"
                Margin="5"
                />
            <telerik:RadDataFilter 
                x:Name="rdfMappen"
                Grid.Row="1"
                Grid.Column="0"
                Source="{Binding Mappen}"
                AutoGenerateItemPropertyDefinitions="False"
                >
                <telerik:RadDataFilter.ItemPropertyDefinitions>
                    <dataFilter:ItemPropertyDefinition 
                        PropertyName="ProduktTyp"
						PropertyType="{Binding String, Source={StaticResource RadFilterTypes}}"
						DisplayName="Produkt-Typ" 
                        />
                    <dataFilter:ItemPropertyDefinition 
                        PropertyName="Mappe"
						PropertyType="{Binding Int, Source={StaticResource RadFilterTypes}}"
						DisplayName="Mappe" 
                        />
                    <dataFilter:ItemPropertyDefinition 
                        PropertyName="Endtermin"
						PropertyType="{Binding DateTime, Source={StaticResource RadFilterTypes}}"
						DisplayName="Endtermin" 
                        />
                    <dataFilter:ItemPropertyDefinition 
                        PropertyName="Termin"
						PropertyType="{Binding DateTime, Source={StaticResource RadFilterTypes}}"
						DisplayName="Plantermin" 
                        />
                </telerik:RadDataFilter.ItemPropertyDefinitions>
            </telerik:RadDataFilter>
            <telerik:RadListBox
                x:Name="rlbMappen"
                Grid.Row="2"
                Grid.Column="0"
                AllowDrop="True"
                ItemsSource="{Binding FilteredSource, ElementName=rdfMappen}"
                ItemTemplate="{StaticResource MappenTemplate}"
                ItemContainerStyle="{StaticResource DraggableListBoxItem}"
                MinWidth="200"
                Margin="5 0"
                >
                <telerik:RadListBox.DragVisualProvider>
                    <telerik:ScreenshotDragVisualProvider />
                </telerik:RadListBox.DragVisualProvider>
                <telerik:RadListBox.DragDropBehavior>
                    <telerik:ListBoxDragDropBehavior 
                        AllowReorder="False" 
                        telerik:TouchManager.DragStartTrigger="TapHoldAndMove"
                        />
                </telerik:RadListBox.DragDropBehavior>
            </telerik:RadListBox>
            <TextBlock
                Grid.Row="0"
                Grid.Column="1"
                Text="Planung"
                HorizontalAlignment="Center"
                FontSize="{telerik:MaterialResource ResourceKey=FontSizeL}"
                Margin="5"
                />
            <telerik:RadDataFilter 
                x:Name="rdfMappenGeordnet"
                Grid.Row="1"
                Grid.Column="1"
                Source="{Binding MappenGeordnet}"
                AutoGenerateItemPropertyDefinitions="False"
                >
                <telerik:RadDataFilter.ItemPropertyDefinitions>
                    <dataFilter:ItemPropertyDefinition 
                        PropertyName="ProduktTyp"
						PropertyType="{Binding String, Source={StaticResource RadFilterTypes}}"
						DisplayName="Produkt-Typ" 
                        />
                    <dataFilter:ItemPropertyDefinition 
                        PropertyName="Mappe"
						PropertyType="{Binding Int, Source={StaticResource RadFilterTypes}}"
						DisplayName="Mappe" 
                        />
                    <dataFilter:ItemPropertyDefinition 
                        PropertyName="Endtermin"
						PropertyType="{Binding DateTime, Source={StaticResource RadFilterTypes}}"
						DisplayName="Endtermin" 
                        />
                    <dataFilter:ItemPropertyDefinition 
                        PropertyName="Termin"
						PropertyType="{Binding DateTime, Source={StaticResource RadFilterTypes}}"
						DisplayName="Plantermin" 
                        />
                </telerik:RadDataFilter.ItemPropertyDefinitions>
            </telerik:RadDataFilter>
            <telerik:RadListBox
                x:Name="rlbMappenGeordnet"
                Grid.Row="2"
                Grid.Column="1"
                AllowDrop="True"
                ItemsSource="{Binding FilteredSource, ElementName=rdfMappenGeordnet}"
                ItemTemplate="{StaticResource MappenTemplate}"
                ItemContainerStyle="{StaticResource DraggableListBoxItem}"
                MinWidth="200"
                Margin="5 0"
                >
                <telerik:RadListBox.DragVisualProvider>
                    <telerik:ScreenshotDragVisualProvider />
                </telerik:RadListBox.DragVisualProvider>
                <telerik:RadListBox.DragDropBehavior>
                    <telerik:ListBoxDragDropBehavior 
                        AllowReorder="True" 
                        telerik:TouchManager.DragStartTrigger="TapHoldAndMove"
                        />
                </telerik:RadListBox.DragDropBehavior>
            </telerik:RadListBox>
        </Grid>
    </Grid>
</UserControl>

DataFilter

DragAndDrop

ListBox

answered on 18 Nov 2021

0 answers

104 views

Filter contains a value of List<string>

Hello,

I had made a custom filter in unbound mode for some properties. Boolean properties and enum properties works well, but im trying to filter a proerrty of List<string>. I have made the ItemPropertyDefinition correctly and shows well in the data filter, and I cant select from multiple values, but when I select a value, it does not filter.

Is there any event where I can manipulate the filtering condition? To do something like:

itemsource[x].ListProperty.Any((value) => String.Equals(value, filterSelectedValue));

Or is other way to solve it?

Thank you and kind regards!

DataFilter

asked on 23 Mar 2021

1 answer

98 views

translations not showing in time

I'm using a raddatafilter in my application with an overrride of the GetStringOverride.

translations are in but it seems that when the raddatafilter is shown it doesn't show the translations right away , for the and/or logical operator i need to click first to change it and then it shows the correct translation.

Same thing for the dropdownoperators, once the dropdown is opened the first time and you delete the line and add a new one it shows the correct translations.

On initializing the CustomLocalization we set the culture to "en-US" , just in case we don't have the translation it will show the english one.

I provided some screenshots to show what i mean
Is this a bug or how should i fix this?

DataFilter

answered on 12 Oct 2018

5 answers

140 views

sorting filter items

Is it possible to change the order of the items used in the filter?

Now they are being set by the order of the columns of the gridviewcolumns

DataFilter

answered on 11 Jun 2018

4 answers

236 views

Fluent Black Bug ?

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