This page lists the keys for each control and the element to which it is mapped for all the controls.
Theme Dictionary |
Keys |
Description |
SfCartesianChartStyles
|
SfCartesianChartTheme
|
By merging this key in application resources, you can customize the appearance of SfCartesianChart without merging common theme resource and control style resource dictionaries.
XAML
<Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
...>
<Application.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<syncTheme:SyncfusionThemeResourceDictionary />
<ResourceDictionary>
<x:String x:Key="SfCartesianChartTheme">CommonTheme</x:String>
<Color x:Key="SfCartesianChartBackground">AliceBlue</Color>
<Color x:Key="SfCartesianChartMajorGridLineStroke">Black</Color>
</ResourceDictionary>
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</Application.Resources>
</Application>
|
SfCartesianChartBackground
|
Background color of the cartesian chart
|
SfCartesianChartMajorGridLineStroke
|
Stoke of the axis major grid line.
|
SfCartesianChartMinorGridLineStroke
|
Stoke of the axis minor grid line.
|
SfCartesianChartMajorTickLineStroke
|
Stoke of the axis major tick line.
|
SfCartesianChartMinorTickLineStroke
|
Stoke of the axis minor tick line.
|
SfCartesianChartAxisLineStroke
|
Stoke of the axis line.
|
SfCartesianChartAxisTitleTextColor
|
Color of the axis title.
|
SfCartesianChartAxisTitleBackground
|
Background color of the axis title.
|
SfCartesianChartAxisTitleStroke
|
Stoke of the axis title
|
SfCartesianChartAxisTitleTextFontSize
|
Font size of the axis title text.
|
SfCartesianChartDataPointSelectionBrush
|
Color of the selected segment of the series.
|
SfCartesianChartSeriesSelectionBrush
|
Color of the selected series.
|
SfCartesianChartTooltipBackground
|
Background of the tooltip
|
SfCartesianChartTooltipTextColor
|
Text color of the tooltip
|
SfCartesianChartTooltipTextFontSize
|
Font size of the tooltip
|
Theme Dictionary
|
Keys
|
Description
|
SfChipStyles
|
SfChipTheme
|
By merging this key in application resources, you can customize the appearance of SfChips without merging common theme resource and control style resource dictionaries.
XAML
<Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
...>
<Application.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<syncTheme:SyncfusionThemeResourceDictionary />
<ResourceDictionary>
<x:String x:Key="SfChipTheme">CommonTheme</x:String>
<Color x:Key="SfChipNormalBackground">Purple</Color>
<Color x:Key="SfChipNormalTextColor">YellowGreen</Color>
</ResourceDictionary>
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</Application.Resources>
</Application>
|
SfChipNormalStrokeThickness
|
StrokeThickness of the SfChips.
|
SfChipNormalFontSize
|
FontSize of the SfChips.
|
SfChipNormalCornerRadius
|
CornerRadius of the SfChips.
|
SfChipNormalBackground
|
Color of the SfChips Background.
|
SfChipNormalTextColor
|
Color of the SfChip TextColor.
|
SfChipNormalClearButtonIconColor
|
Color of the clear button icon.
|
SfChipNormalStroke
|
Color of the SfChips stroke.
|
SfChipNormalSelectionIndicatorColor
|
Color of the SfChips selection indicator.
|
SfChipDisabledBackground
|
Color of the SfChips background in disabled state.
|
SfChipDisabledTextColor
|
Color of the SfChips text in disabled state.
|
SfChipDisabledClearButtonIconColor
|
Color of the clear button icon in disabled state.
|
SfChipDisabledStroke
|
Color of the SfChips stroke in disabled state.
|
SfChipDisabledSelectionIndicatorColor
|
Color of the SfChips selection indicator in disabled state.
|
SfChipGroupTheme
|
By merging this key in application resources, you can customize the appearance of SfChipGroup without merging common theme resource and control style resource dictionaries.
XAML
<Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
...>
<Application.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<syncTheme:SyncfusionThemeResourceDictionary />
<ResourceDictionary>
<x:String x:Key="SfChipGroupTheme">CommonTheme</x:String>
<Color x:Key="SfChipGroupNormalSelectionBackground">Purple</Color>
<Color x:Key="SfChipGroupNormalSelectedTextColor">YellowGreen</Color>
</ResourceDictionary>
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</Application.Resources>
</Application>
|
SfChipGroupNormalStrokeThickness
|
StrokeThickness of the SfChipGroup.
|
SfChipGroupNormalCornerRadius
|
CornerRadius of the SfChipGroup.
|
SfChipGroupNormalSelectedTextColor
|
Color of the SfChipGroup selected text in normal state.
|
SfChipGroupNormalClearButtonIconColor
|
Color of the clear button icon.
|
SfChipGroupNormalBackground
|
Color of the SfChipGroup background.
|
SfChipGroupNormalTextColor
|
Color of the SfChipGroup text.
|
SfChipGroupNormalStroke
|
Color of the SfChipGroup stroke in normal state.
|
SfChipGroupNormalSelectionBackground
|
Color of the SfChipGroup selection background.
|
SfChipGroupNormalSelectionIndicatorColor
|
Color of the SfChipGroup selection indicator.
|
SfChipGroupPressedStroke
|
Color of the SfChipGroup stroke in pressed state.
|
SfChipGroupDisabledBackground
|
Color of the SfChipGroup background in disabled state.
|
SfChipGroupDisabledTextColor
|
Color of the SfChipGroup text in disabled state.
|
SfChipGroupDisabledStroke
|
Color of the SfChipGroup stroke in disabled state.
|
SfChipGroupSelectedDisabledBackground
|
Color of the SfChipGroup selected background in disabled state.
|
SfChipGroupSelectedDisabledTextColor
|
Color of the SfChipGroup selected text in disabled state.
|
SfChipGroupDisabledSelectionIndicatorColor
|
Color of the SfChipGroup selection indicator in disabled state.
|
Theme Dictionary
|
Keys
|
Description
|
SfOtpInputStyles
|
SfOtpInputTheme
|
By merging this key in application resources, you can customize the appearance of SfOtpInput without merging common theme resource and control style resource dictionaries.
XAML
<Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
...>
<Application.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<syncTheme:SyncfusionThemeResourceDictionary />
<ResourceDictionary>
<x:String x:Key="SfOtpInputTheme">CommonTheme</x:String>
<Color x:Key="SfOtpInputTextColor">Yellow</Color>
<Color x:Key="SfOtpInputFilledBackground">Red</Color>
</ResourceDictionary>
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</Application.Resources>
</Application>
|
SfOtpInputTextColor
|
Text color of the OTP Input.
|
SfOtpInputFilledBackground
|
The background color of the OTP Input on filled state.
|
SfOtpInputBorderDefault
|
Border color of the OTP Input.
|
SfOtpInputPlaceholderColor
|
Placeholder color of the OTP Input.
|
SfOtpInputSuccessStroke
|
Border color when OTP Input is successfully validated.
|
SfOtpInputWarningStroke
|
Border color when there's a warning state in OTP Input.
|
SfOtpInputErrorStroke
|
Border color when there's an error state in OTP Input.
|
SfOtpInputDefaultBackground
|
Default background color of the OTP Input.
|
SfOtpInputHoveredBackground
|
Background color when hovered over OTP Input.
|
SfOtpInputBorderHovered
|
Border color when hovered over OTP Input.
|
SfOtpInputBorderPressed
|
Border color when OTP Input is pressed.
|
SfOtpInputBorderDisabled
|
Border color when OTP Input is disabled.
|
SfOtpInputBackgroundDisabled
|
Background color when OTP Input is disabled.
|
SfOtpInputDisabledTextColor
|
Text color when OTP Input is disabled.
|
Theme Dictionary
|
Keys
|
Description
|
SfPopupStyles
|
SfPopupTheme
|
By merging this key in application resources, you can customize the appearance of SfPopup without merging common theme resource and control style resource dictionaries.
XAML
<Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
...>
<Application.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<syncTheme:SyncfusionThemeResourceDictionary />
<ResourceDictionary>
<x:String x:Key="SfPopupTheme">CommonTheme</x:String>
<Color x:Key="SfPopupNormalHeaderTextColor">Black</Color>
<Color x:Key="SfPopupHoverFooterButtonBackground">Gray</Color>
</ResourceDictionary>
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</Application.Resources>
....
</Application>
|
SfPopupHoverFooterButtonBackground
|
Hover Background color of the SfPopup Footer button.
|
SfPopupFooterButtonRippleBackground
|
Ripple Background Color of the Sfpopup Footer button.
|
SfPopupNormalHeaderBackground
|
Background color of the SfPopup Header.
|
SfPopupNormalHeaderTextColor
|
Text color of the SfPopup Header.
|
SfPopupNormalMessageBackground
|
Background color of the SfPopup Message.
|
SfPopupNormalMessageTextColor
|
Text color of the SfPopup Message.
|
SfPopupNormalFooterBackground
|
Background color of the SfPopup Footer.
|
SfPopupNormalAcceptButtonBackground
|
Background color of the SfPopup AcceptButton.
|
SfPopupNormalAcceptButtonTextColor
|
Text color of the SfPopup AcceptButton.
|
SfPopupNormalDeclineButtonBackground
|
Background color of the SfPopup DeclineButton.
|
SfPopupNormalDeclineButtonTextColor
|
Text color of the SfPopup DeclineButton.
|
SfPopupNormalStroke
|
Stroke color of the SfPopup.
|
SfPopupNormalHeaderFontSize
|
Font Size of the SfPopup Header.
|
SfPopupNormalMessageFontSize
|
Font Size of the SfPopup Message.
|
SfPopupNormalFooterFontSize
|
Font Size of the SfPopup Footer.
|
SfPopupNormalStrokeThickness
|
Stroke Thickness of the SfPopup.
|
SfPopupNormalOverlayBackground
|
Background color of the SfPopup Overlay.
|
SfPopupHoverCloseButtonIconBackground
|
Hover Background color of the SfPopup CloseButtonIcon.
|
SfPopupPressedCloseButtonIconBackground
|
Pressed Background color of the SfPopup CloseButtonIcon.
|
SfPopupNormalCloseButtonIconStroke
|
Stroke color of the SfPopup CloseButtonIcon.
|
SfPopupNormalBackground
|
Background color of the SfPopup.
|
SfPopupNormalCloseButtonIconStrokeThickness
|
Stroke Thickness of the SfPopup CloseButtonIcon.
|
Theme Dictionary
|
Keys
|
Description
|
SfSegmentedControlStyles
|
SfSegmentedControlTheme
|
By merging this key in application resources, you can customize the appearance of SfSegmentedControl without merging common theme resource and control style resource dictionaries.
XAML
<Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
...>
<Application.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<syncTheme:SyncfusionThemeResourceDictionary />
<ResourceDictionary>
<x:String x:Key="SfSegmentedControlTheme">CommonTheme</x:String>
<Color x:Key="SfSegmentedControlNormalStroke">Red</Color>
<Color x:Key="SfSegmentedControlNormalBackground">Green</Color>
</ResourceDictionary>
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</Application.Resources>
....
</Application>
|
SfSegmentedControlNormalStroke
|
Color of border in the segmented control.
|
SfSegmentedControlNormalTextColor
|
Color of text in the segmented control.
|
SfSegmentedControlNormalBackground
|
Background color of the segmented control.
|
SfSegmentedControlDisabledSegmentBackground
|
Background Color of segment when it is disabled.
|
SfSegmentedControlDisabledSegmentTextColor
|
Color of segment item text when it is disabled.
|
SfSegmentedControlSelectionBackground
|
Background color of segment when it is selected.
|
SfSegmentedControlSelectionTextColor
|
Color of segmented items text when it is selected.
|
SfSegmentedControlSelectionStroke
|
Color of segmented item border when it is selected.
|
SfSegmentedControlHoveredBackground
|
Background color of segment when it is hovered.
|
SfSegmentedControlKeyboardFocusStroke
|
Segmented controls border color when it is focused using the keyboard navigation keys.
|
SfSegmentedControlNormalStrokeThickness
|
Thickness of the border stroke in the segmented control.
|
SfSegmentedControlNormalCornerRadius
|
Corner radius of the segmented control.
|
SfSegmentedControlNormalSegmentCornerRadius
|
Corner radius of segment in the segmented control.
|
SfSegmentedControlNormalFontSize
|
Font size of the segment item in the segmented control.
|
SfSegmentedControlBorderSelectionStrokeThickness
|
Thickness of the border stroke in the segmented control, when it is selected.
|
Theme Dictionary
|
Keys
|
Description
|
SfTabViewStyles
|
SfTabViewTheme
|
By merging this key in application resources, you can customize the appearance of SfTabView without merging common theme resource and control style resource dictionaries.
XAML
<Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
...>
<Application.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<syncTheme:SyncfusionThemeResourceDictionary />
<ResourceDictionary>
<x:String x:Key="SfTabViewTheme">CommonTheme</x:String>
<Color x:Key="SfTabViewActiveMouseHoveredIndicatorBackground">DarkBlue</Color>
<Color x:Key="SfTabViewNormalTabBarBackground">Gold</Color>
</ResourceDictionary>
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</Application.Resources>
</Application>
|
SfTabViewDisabledTextColor
|
Color of the SfTabView text in disabled state.
|
SfTabViewActiveDisabledBackground
|
Background color of the active SfTabView when disabled.
|
SfTabViewActiveIndicatorBackground
|
BackgroundColor of the active indicator in a SfTabView.
|
SfTabViewActiveMouseHoveredIndicatorBackground
|
BackgroundColor of the active indicator in a SfTabView when hovered.
|
SfTabViewActiveDisabledIndicatorBackground
|
BackgroundColor of the active indicator in a SfTabView when disabled.
|
SfTabViewNormalTextColor
|
Color of the SfTabView text.
|
SfTabViewActiveNormalBackground
|
BackgroundColor of the active SfTabView.
|
SfTabViewInActiveNormalTextColor
|
TextColor of the inactive SfTabView.
|
SfTabViewActivePressedBackground
|
BackgroundColor of the active SfTabView in pressed state.
|
SfTabViewInActiveTextColor
|
TextColor of the inactive SfTabView.
|
SfTabViewInActivePressedBackground
|
BackgroundColor of the inactive SfTabView in pressed state.
|
SfTabViewActiveTextColor
|
TextColor of the active SfTabView.
|
SfTabViewInActiveNormalBackground
|
BackgroundColor of the inactive SfTabView.
|
SfTabViewSelectedTextColor
|
TextColor of the selected SfTabView.
|
SfTabViewInActiveDisabledBackground
|
BackgroundColor of the inactive SfTabView in disabled state.
|
SfTabViewInActiveHoveredBackground
|
BackgroundColor of the inactive SfTabView in hover state.
|
SfTabViewNormalFilledTextColor
|
Color of the filled SfTabView text.
|
SfTabViewActiveFilledNormalBackground
|
Color of the active fill SfTabView background.
|
SfTabViewActiveHoveredFilledTextColor
|
Color of the active hovered fill SfTabView text.
|
SfTabViewActiveHoveredBackground
|
BackgroundColor of the active SfTabView in hover state.
|
SfTabViewInActiveHoveredFilledTextColor
|
TextColor of the inactive SfTabView in hover state.
|
SfTabViewInActiveHoveredFilledBackground
|
BackgroundColor of the inactive fill SfTabView in hover state.
|
SfTabViewActivePressedFilledTextColor
|
TextColor of the active filled SfTabView in pressed state.
|
SfTabViewActivePressedFilledBackground
|
BackgroundColor of the active filled SfTabView in pressed state.
|
SfTabViewInActivePressedFilledTextColor
|
TextColor of the inactive filled SfTabView in pressed state.
|
SfTabViewInActivePressedFilledBackground
|
BackgroundColor of the inactive filled SfTabView in pressed state.
|
SfTabViewActiveFocusedFilledTextColor
|
TextColor of the active filled SfTabView in focus state.
|
SfTabViewActiveFocusedFilledBackground
|
BackgroundColor of the active filled SfTabView in focus state.
|
SfTabViewSelectedFilledTextColor
|
TextColor of the selected filled SfTabView.
|
SfTabViewSelectedFilledBackground
|
BackgroundColor of the selected filled SfTabView.
|
SfTabViewDisabledFilledTextColor
|
TextColor of the disabled filled SfTabView.
|
SfTabViewActiveHoveredFilledBackground
|
Background color of the active filled SfTabView in hover state.
|
SfTabViewDisabledTabBarBackground
|
Background color of the SfTabView tab bar when disabled.
|
SfTabViewInActiveFocusedBackground
|
Background color of the inactive SfTabView in focus state.
|
SfTabViewNormalFontSize
|
Font size of the text in the SfTabView when in normal state.
|
SfTabViewNormalTabBarBackground
|
Background color of the SfTabView tab bar in normal state.
|
SfTabViewScrollButtonBackground
|
Background color of the SfTabView scroll button.
|
SfTabViewScrollButtonDisabledIconColor
|
Icon color of the SfTabView scroll button when disabled.
|
SfTabViewScrollButtonIconColor
|
Icon color of the SfTabView scroll button.
|
SfTabViewInActiveNormalTextColor
|
Text color of the inactive SfTabView in normal state.
|
SfTabViewDisabledFilledBackground
|
BackgroundColor of the disabled filled SfTabView.
|
Theme Dictionary
|
Keys
|
Description
|
SfTextInputLayoutStyles
|
SfTextInputLayoutTheme
|
By merging this key in application resources, you can customize the appearance of SfTextInputLayout without merging common theme resource and control style resource dictionaries.
XAML
<Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
...>
<Application.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<syncTheme:SyncfusionThemeResourceDictionary />
<ResourceDictionary>
<x:String x:Key="SfTextInputLayoutTheme">CommonTheme</x:String>
<Color x:Key="SfTextInputLayoutStroke">Yellow</Color>
<Color x:Key="SfTextInputLayoutContainerBackground">Pink</Color>
</ResourceDictionary>
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</Application.Resources>
</Application>
|
SfTextInputLayoutNormalContainerBackground
|
Color of the SfTextInputLayout background in normal state.
|
SfTextInputLayoutStroke
|
Color of the SfTextInputLayout stroke.
|
SfTextInputLayoutMouseHoveredContainerBackground
|
Color of the SfTextInputLayout background text in hover state.
|
SfTextInputLayoutContainerBackground
|
Color of the SfTextInputLayout background.
|
SfTextInputLayoutHoveredStroke
|
Color of the SfTextInputLayout stroke in hover state.
|
SfTextInputLayoutFocusedContainerBackground
|
Color of the SfTextInputLayout background in focused state.
|
SfTextInputLayoutCommonStroke
|
Color of the SfTextInputLayout common stroke.
|
SfTextInputLayoutDisabledContainerBackground
|
Color of the SfTextInputLayout background in disabled state.
|
SfTextInputLayoutDisabledStroke
|
Color of the SfTextInputLayout stroke in disabled state.
|
SfTextInputLayoutErrorStroke
|
Color of the SfTextInputLayout error stroke.
|