Which UWP Controls support Themes?

[Tony]

Is there a list of UMP controls that support Themes?  I don't want to test all of them.

So Far:

DataGrid:Yes

CellGrid:No

Regards,
Tony

[Tony]

SmithChart:  Poor Support.  The Dark theme chart color is barely visible.

Disappointing.

Regards,

Tony

[Kayalvizhi Sivashanmugam]

Hi Tony,

Our UWP controls support light theme and dark theme.

As you have mentioned that you are facing theme issue in Chart, Grid, can you share a screen shot for this and the list of UWP controls you are using, so that we could check and update you earlier.

Regards,

Kayalvizhi

[Tony]

CellGrid  stays white when the requested theme is Dark.

Regards,

Tony

[Kayalvizhi Sivashanmugam]

Hi Tony,

Regarding: Theme support is not available for cell grid.

Currently, SfCellGrid does not have theme support. We have analyzed and considered your requirement of “Need to provide theme support un UWP SfCellGrid” in SfCellGrid and logged a feature request for the same. We will implement this feature in any of our upcoming releases.

At the planning stage for every release cycle, we review all open features and identify features for implementation based on specific parameters including product vision, technological feasibility, and customer interest. We will let you know when this feature is implemented. We appreciate your patience until then.

Thank you for requesting this feature and helping us define it. We are always trying to make our products better and feature requests like yours are a key part of our product growth efforts.

Feedback link: https://www.syncfusion.com/feedback/36824/need-to-provide-theme-support-for-uwp-sfcellgrid

If you have any more specifications/suggestions for the feature request, you can add them as a comment in the portal and cast your vote to make it count.

Regarding: Smith Chart

Hope you have reported issues for smith chart axis color in the dark theme. We will improve the smith chart axis default color in our upcoming Volume 3, 2022 release. Currently, you can improve the visibility of the smith chart axis in dark theme by adding the styles for axis elements as like in the below code snippet.

XAML

<Application.Resources>

        <ResourceDictionary>

        <ResourceDictionary.ThemeDictionaries>

            <ResourceDictionary x:Key="Default">

                <SolidColorBrush x:Key="AxisLabelForeground">#444444</SolidColorBrush>

                <SolidColorBrush x:Key="AxisLineColor">#ABABAB</SolidColorBrush>

                <SolidColorBrush x:Key="AxisGridLineColor">#F1F1F1</SolidColorBrush>

            </ResourceDictionary>

            <ResourceDictionary x:Key="Light">

                <SolidColorBrush x:Key="AxisLabelForeground">#444444</SolidColorBrush>

                <SolidColorBrush x:Key="AxisLineColor">#ABABAB</SolidColorBrush>

                <SolidColorBrush x:Key="AxisGridLineColor">#F1F1F1</SolidColorBrush>

            </ResourceDictionary>

            <ResourceDictionary x:Key="Dark">

                <SolidColorBrush x:Key="AxisLabelForeground">#FFFFFF</SolidColorBrush>

                <SolidColorBrush x:Key="AxisLineColor">#9E9E9E</SolidColorBrush>

                <SolidColorBrush x:Key="AxisGridLineColor">#3F3F3F</SolidColorBrush>

            </ResourceDictionary>

        </ResourceDictionary.ThemeDictionaries>

        </ResourceDictionary>

    </Application.Resources>

 

XAML

<Page.Resources>

        <Style x:Key="AxisLineStyle"

               TargetType="Path">

            <Setter Property="Stroke"

                    Value="{ThemeResource AxisLineColor}" />

            <Setter Property="StrokeThickness"

                    Value="1" />

        </Style>

        <Style x:Key="MajorGridlineStyle"

               TargetType="Path">

            <Setter Property="Stroke"

                    Value="{ThemeResource AxisGridLineColor}" />

            <Setter Property="StrokeThickness"

                    Value="1.0" />

        </Style>

        <Style x:Key="MinorGridlineStyle"

               TargetType="Path">

            <Setter Property="Stroke"

                    Value="{ThemeResource AxisGridLineColor}" />

            <Setter Property="StrokeThickness"

                    Value="0.5" />

        </Style>

        <Style TargetType="syncfusion:HorizontalAxis">

            <Setter Property="MajorGridlineStyle"

                    Value="{StaticResource MajorGridlineStyle}" />

            <Setter Property="MinorGridlineStyle"

                    Value="{StaticResource MinorGridlineStyle}" />

            <Setter Property="AxisLineStyle"

                    Value="{StaticResource AxisLineStyle}" />

        </Style>

        <Style TargetType="syncfusion:RadialAxis">

            <Setter Property="MajorGridlineStyle"

                    Value="{StaticResource MajorGridlineStyle}" />

            <Setter Property="MinorGridlineStyle"

                    Value="{StaticResource MinorGridlineStyle}" />

            <Setter Property="AxisLineStyle"

                    Value="{StaticResource AxisLineStyle}" />

        </Style>

    </Page.Resources>

    <Grid x:Name="Grid1">

        <syncfusion:SfSmithChart …>

           …..

        </syncfusion:SfSmithChart>

    </Grid>

 

Please get the sample from the below attachment.

 

Before applying Styles:

After applying Styles:

Attachment: SmithChartApp_f67f2e9b_e97371d1.zip