This is a migrated thread and some comments may be shown as answers.

Problem with FluentTheme

7 Answers 46 Views
GridView
This is a migrated thread and some comments may be shown as answers.
Ronny
Top achievements
Rank 1
Ronny asked on 10 Jun 2018, 05:07 PM

Hi,

there are two problems with the fluent theme. First the column width is broken, when using hierarchy. Second there is a white gap between the border and the top of control. I am using the following style:

<Style TargetType="telerik:RadGridView">
    <Setter Property="Margin" Value="4" />
    <Setter Property="AutoGenerateColumns" Value="False" />
    <Setter Property="CanUserFreezeColumns" Value="False" />
    <Setter Property="CanUserResizeColumns" Value="False" />
    <Setter Property="CanUserInsertRows" Value="False" />
    <Setter Property="CanUserDeleteRows" Value="False" />
    <Setter Property="FrozenColumnsSplitterVisibility" Value="Collapsed" />
    <Setter Property="IsReadOnly" Value="True" />
    <Setter Property="IsFilteringAllowed" Value="False" />
    <Setter Property="RowIndicatorVisibility" Value="Collapsed" />
    <Setter Property="ShowGroupPanel" Value="False" />
    <Setter Property="ShowColumnFooters" Value="False" />
</Style>

 

Best regards,
Ronny

7 Answers, 1 is accepted

Sort by
0
Sia
Telerik team
answered on 12 Jun 2018, 02:21 PM
Hello,

I confirm that the GridViewToggleButton's size is not correct in our Fluent theme. Here is the public item that I have logged, also you can find your Telerik points updated. We will try to fix it for our upcoming Service Pack. However you can follow the item to track its progress.

Regarding the second reported issue, I did not manage to reproduce it locally. Can you please try to send me a working project where it can be observed? 

Thank you in advance. 

Regards,
Sia
Progress Telerik
Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.
0
Ronny
Top achievements
Rank 1
answered on 17 Jun 2018, 09:00 AM

Hi Sia,

I could find the second issue. It is caused by a default style. Maybe you have a look at this. For myself I will change my styling rules.

<ResourceDictionary>
    <Style x:Key="DefaultItemsControlStyle" TargetType="ItemsControl">
        <Setter Property="Margin" Value="4" />
    </Style>
    <Style TargetType="ItemsControl" BasedOn="{StaticResource DefaultItemsControlStyle}" />
</ResourceDictionary>

 

Best regards,
Ronny

0
Dinko
Telerik team
answered on 20 Jun 2018, 10:49 AM
Hi Ronny,

I am happy to hear that you manage to found a solution for this behavior. But still, we weren't able to reproduce it on our side. Without reproducing it we can only guess what could be the exact reason behind this. Can you try removing all custom styles which targets RadGridView control and check again if this gap still exist? 

Regards,
Dinko
Progress Telerik
Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.
0
Ronny
Top achievements
Rank 1
answered on 24 Jun 2018, 12:02 PM

Hi Dinko,

you can reproduce it with the following XAML code.

<Window x:Class="Telerik.FluentTheme.GridView.MainWindow"
        xmlns:local="clr-namespace:Telerik.FluentTheme.GridView"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <ResourceDictionary>
            <Style x:Key="DefaultItemsControlStyle" TargetType="ItemsControl">
                <Setter Property="Margin" Value="4" />
            </Style>
            <Style TargetType="ItemsControl" BasedOn="{StaticResource DefaultItemsControlStyle}" />
            <Style TargetType="telerik:RadGridView">
                <Setter Property="Margin" Value="10" />
                <Setter Property="AutoGenerateColumns" Value="False" />
                <Setter Property="CanUserFreezeColumns" Value="False" />
                <Setter Property="CanUserResizeColumns" Value="False" />
                <Setter Property="CanUserInsertRows" Value="False" />
                <Setter Property="CanUserDeleteRows" Value="False" />
                <Setter Property="FrozenColumnsSplitterVisibility" Value="Collapsed" />
                <Setter Property="IsReadOnly" Value="True" />
                <Setter Property="IsFilteringAllowed" Value="False" />
                <Setter Property="RowIndicatorVisibility" Value="Collapsed" />
                <Setter Property="ShowGroupPanel" Value="False" />
                <Setter Property="ShowColumnFooters" Value="False" />
                <Setter Property="telerik:StyleManager.Theme" Value="Fluent" />
            </Style>
        </ResourceDictionary>
    </Window.Resources>
    <Grid>
        <telerik:RadGridView />
    </Grid>
</Window>

 

After setting the margin of ItemsControl to 0px, the top of RadGridView is not rendered correct. The red border ist drawn by snoop, selecting the RadGridView control. Which would be the correct size - also in order to the controls on the right. Maybe you can find the problem in the same context of my original problem. For myself I need no solution. I can handle it with a style-fix.

Best regards,
Ronny

0
Sia
Telerik team
answered on 27 Jun 2018, 03:23 PM
Hello,

Thank you for all provided details. This is to let you know that we did not manage to include the promised fix in our official R2 2018 release. You will be updated as soon as it goes live with some of the upcoming Latest Internal Builds.

I am really grateful for your help and feedback regarding the second issue, that is why I am updating your telerik points again. Please expect my follow-up by the end of the week.

Regards,
Sia
Progress Telerik
Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.
0
Sia
Telerik team
answered on 29 Jun 2018, 10:15 AM
Hello again,

I have managed to reproduce the reported issue. However it is visible even with the default settings of GridView and the reason behind it is a negative margin (0 -1 0 0) set to the PART_MasterGridContainer Border in the GridView ControlTemplate. Using such negative margins can lead exactly to the reported issue - parts of the template are actually outside of the control boundaries. I have researched more deeply why this was needed and I think we can introduce some improvements in the default template of GridView including:
  • Removing the negative margin from the PART_MasterGridContainer 
  • Removing the default background of GridViewHeaderRow as it is the same as the one of the GridView control 
  • Removing the default background of GridViewHeaderCell as it is the same.

Here is the public item I have logged. You can track it as well to see its progress.

Thanks again,

Regards, Sia
Progress Telerik
Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.
0
Sia
Telerik team
answered on 13 Jul 2018, 02:10 PM
Hello again

This is a follow up to let you know that the first reported issue is fixed and will be included in the Latest Internal Build next Monday (on 16th of July).

Regards,
Sia
Progress Telerik
Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.
Tags
GridView
Asked by
Ronny
Top achievements
Rank 1
Answers by
Sia
Telerik team
Ronny
Top achievements
Rank 1
Dinko
Telerik team
Share this question
or