224 KiB
224 KiB
| layout | title | description | platform | control | documentation |
|---|---|---|---|---|---|
| post | About Keys for Syncfusion Controls | Syncfusion | This section contains the details about the keys which are mapped to the UI elements of all the controls | xamarin | General | ug |
Keys of Syncfusion Controls
This page lists the keys for each control and the element to which it is mapped for all the controls.
SfChart
<tr>
<td rowspan="55">
SfChartStyles
<br/>
<br/>
</td>
<td>
SfChartTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfChart without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" xmlns:chart="clr-namespace:Syncfusion.SfChart.XForms;assembly=Syncfusion.SfChart.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfChartTheme">CommonTheme</x:String> Transparent Transparent </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfChartTitleTextColor
<br/>
<br/>
</td>
<td>
Text color of the chart title.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartTitleBorderColor
<br/>
<br/>
</td>
<td>
Border color of the chart title.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartTitleBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the chart title.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the chart.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartSelectionRectFillColor
<br/>
<br/>
</td>
<td>
Fill color of the selection rectangle when selection zooming the chart.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartSelectionRectStrokeColor
<br/>
<br/>
</td>
<td>
Stroke color of the selection rectangle when selection zooming the chart.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartAnnotationFillColor
<br/>
<br/>
</td>
<td>
Fill color of annotation.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartAnnotationLabelBorderColor
<br/>
<br/>
</td>
<td>
Border color of the annotation label.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartAnnotationLabelBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the annotation label.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartAnnotationAxisLabelTextColor
<br/>
<br/>
</td>
<td>
Text color of axis label of VerticalLine and HorizontalLine annotations.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartTrackballLineStrokeColor
<br/>
<br/>
</td>
<td>
Stroke color of the trackball line.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartTrackballBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the trackball label.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartTrackballBorderColor
<br/>
<br/>
</td>
<td>
Border color of the trackball label.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartTrackballTextColor
<br/>
<br/>
</td>
<td>
Text color of the trackball label.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartTrackballAxisLabelBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the axis label of trackball.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartTrackballAxisLabelBorderColor
<br/>
<br/>
</td>
<td>
Border color of the axis label of trackball.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartTrackballAxisLabelTextColor
<br/>
<br/>
</td>
<td>
Text color of axis label of trackball.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartDataPointSelectionColor
<br/>
<br/>
</td>
<td>
Color of the selected segment of the series.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartSeriesSelectionColor
<br/>
<br/>
</td>
<td>
Color of the selected series.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartStriplineBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the strip line.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartStriplineBorderColor
<br/>
<br/>
</td>
<td>
Border color of the strip line.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartStriplineTextColor
<br/>
<br/>
</td>
<td>
Text color of the strip line label.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartStriplineLabelBorderColor
<br/>
<br/>
</td>
<td>
Border color of the strip line label.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartStriplineLabelBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the strip line label.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartMajorGridLineColor
<br/>
<br/>
</td>
<td>
Color of the axis major grid line.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartMinorGridLineColor
<br/>
<br/>
</td>
<td>
Color of the axis minor grid line.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartMajorTickLineColor
<br/>
<br/>
</td>
<td>
Color of the axis major tick line.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartMinorTickLineColor
<br/>
<br/>
</td>
<td>
Color of the axis minor tick line.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartAxisLineColor
<br/>
<br/>
</td>
<td>
Color of the axis line.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartAxisTitleTextColor
<br/>
<br/>
</td>
<td>
Color of the axis title text.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartAxisTitleBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the axis title.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartAxisTitleBorderColor
<br/>
<br/>
</td>
<td>
Border color of the axis title.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartAxisLabelColor
<br/>
<br/>
</td>
<td>
Color of the axis label.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartAxisLabelBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the axis label.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartAxisLabelBorderColor
<br/>
<br/>
</td>
<td>
Border color of the axis label.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartLegendTitleTextColor
<br/>
<br/>
</td>
<td>
Color of the Legend title text.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartLegendTitleBorderColor
<br/>
<br/>
</td>
<td>
Border color of the legend title.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartLegendTitleBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the legend title.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChartLegendLabelColor
<br/>
<br/>
</td>
<td>
Color of the legend label.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SyncPrimaryColor |
Stroke color of annotation.
|
|
|
Text color of annotation label.
|
||
|
Background color of the axis label of VerticalLine and HorizontalLine annotations.
|
||
|
Border color of the axis label of VerticalLine and HorizontalLine annotations.
|
SfChat
<tr>
<td rowspan="89">
SfChatStyles
<br/>
<br/>
</td>
<td>
SfChatTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, it is possible to customize the appearance of the SfChat without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfChatTheme">CustomTheme</x:String> Blue Green </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td rowspan="3">
SyncPrimaryColor
<br/>
<br/>
</td>
<td>
Background color of the outgoing message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Color of the date picker icon and the border color of date picker.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Color of time picker icon and the border color of time picker.
<br/>
<br/>
</td>
</tr>
<tr>
<td rowspan="4">
SyncPrimaryLightColor
<br/>
<br/>
</td>
<td>
Text color of the text in the time break view, date picker, time picker and the item in the list of suggestions.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Text color of the URL in a incoming hyper link message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Color of the load more indicator, color of the text in the load more and the color of the load more border color.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Color of the text in card view action button in SfChat for the Xamarin.Forms.Android and Xamarin.Forms.iOS platform.
<br/>
<br/>
</td>
</tr>
<tr>
<td rowspan="2">
SyncPrimaryForegroundColor
<br/>
<br/>
</td>
<td>
Text color of outgoing message and the text color of the URL in a outgoing hyper link message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Color of the text in card view action button in SfChat for the Xamarin.Forms.UWP platform.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatIncomingMessageTextColor
<br/>
<br/>
</td>
<td>
Text color of the incoming message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatIncomingMessageAuthorTextColor
<br/>
<br/>
</td>
<td>
Text color of the author name in an incoming message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatIncomingMessageTimestampTextColor
<br/>
<br/>
</td>
<td>
Text color of the timestamp in an incoming message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatIncomingMessageBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the incoming message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatIncomingMessageFontFamily
<br/>
<br/>
</td>
<td>
Font family of the incoming message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatIncomingMessageFontAttributes
<br/>
<br/>
</td>
<td>
Font attributes of the incoming message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatIncomingMessageFontSize
<br/>
<br/>
</td>
<td>
Font size of the incoming message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatIncomingMessageAuthorFontFamily
<br/>
<br/>
</td>
<td>
Font family of the author name in an incoming message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatIncomingMessageAuthorFontAttributes
<br/>
<br/>
</td>
<td>
Font attributes of the author name in an incoming message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatIncomingMessageAuthorFontSize
<br/>
<br/>
</td>
<td>
Font size of the author name in an incoming message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatIncomingMessageTimestampFontFamily
<br/>
<br/>
</td>
<td>
Font family of the timestamp in an incoming message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatIncomingMessageTimestampFontAttributes
<br/>
<br/>
</td>
<td>
Font attributes of the timestamp in an incoming message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatIncomingMessageTimestampFontSize
<br/>
<br/>
</td>
<td>
Font size of the timestamp in an incoming message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatOutgoingMessageAuthorTextColor
<br/>
<br/>
</td>
<td>
Text color of the author name in an outgoing message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatOutgoingMessageTimestampTextColor
<br/>
<br/>
</td>
<td>
Text color of the timestamp in an outgoing message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatOutgoingMessageFontFamily
<br/>
<br/>
</td>
<td>
Font family of the outgoing message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatOutgoingMessageFontAttributes
<br/>
<br/>
</td>
<td>
Font attributes of the outgoing message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatOutgoingMessageFontSize
<br/>
<br/>
</td>
<td>
Font size of the outgoing message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatOutgoingMessageAuthorFontFamily
<br/>
<br/>
</td>
<td>
Font family of the author name in an outgoing message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatOutgoingMessageAuthorFontAttributes
<br/>
<br/>
</td>
<td>
Font attributes of the author name in an outgoing message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatOutgoingMessageAuthorFontSize
<br/>
<br/>
</td>
<td>
Font size of the author name in an outgoing message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatOutgoingMessageTimestampFontSize
<br/>
<br/>
</td>
<td>
Font size of the timestamp in an outgoing message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatOutgoingMessageTimestampFontFamily
<br/>
<br/>
</td>
<td>
Font family of the timestamp in an outgoing message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatOutgoingMessageTimestampFontAttributes
<br/>
<br/>
</td>
<td>
Font attributes of the timestamp in an outgoing message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatEditorTextColor
<br/>
<br/>
</td>
<td>
Color of the text in the editor.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatEditorBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the editor.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatEditorFontFamily
<br/>
<br/>
</td>
<td>
Font family of the text in the editor.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatEditorFontAttributes
<br/>
<br/>
</td>
<td>
Font attributes of the text in the editor.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatEditorFontSize
<br/>
<br/>
</td>
<td>
Font size of the text in the editor.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatSendButtonColor
<br/>
<br/>
</td>
<td>
Color of the send button.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatSendButtonDisabledColor
<br/>
<br/>
</td>
<td>
Color of the send button when it is in `Disabled` state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatTypingIndicatorTextColor
<br/>
<br/>
</td>
<td>
Text color in the typing indicator.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatTypingIndicatorBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the typing indicator.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatTypingIndicatorFontFamily
<br/>
<br/>
</td>
<td>
Font family of the text in the typing indicator.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatTypingIndicatorFontAttributes
<br/>
<br/>
</td>
<td>
Font attributes of the text in the typing indicator.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatTypingIndicatorFontSize
<br/>
<br/>
</td>
<td>
Font size of the text in the typing indicator.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatTimeBreakViewBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the time break view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatTimeBreakViewFontFamily
<br/>
<br/>
</td>
<td>
Font family of the text in the time break view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatTimeBreakViewFontAttributes
<br/>
<br/>
</td>
<td>
Font attributes of the text in the time break view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatTimeBreakViewFontSize
<br/>
<br/>
</td>
<td>
Font size of the text in the time break view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatSuggestionListItemBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of an item in the list of suggestions.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatSuggestionListItemFontFamily
<br/>
<br/>
</td>
<td>
Font family of an item in the list of suggestions.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatSuggestionListItemFontAttributes
<br/>
<br/>
</td>
<td>
Font attributes of an item in the list of suggestions.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatSuggestionListItemFontSize
<br/>
<br/>
</td>
<td>
Font size of an item in the list of suggestions.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatSuggestionListItemBorderColor
<br/>
<br/>
</td>
<td>
Border color of an item in the list of suggestions.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatDatePickerBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of date picker.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatTimePickerBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of time picker.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatEditorPlaceholderTextColor
<br/>
<br/>
</td>
<td>
Place holder text color of the editor.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatEditorBorderColor
<br/>
<br/>
</td>
<td>
The border color of editor.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatMessageInputViewBackgroundColor
<br/>
<br/>
</td>
<td>
Message input view background color.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatTimeBreakViewBorderColor
<br/>
<br/>
</td>
<td>
Border color of the time break view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatHyperlinkDescriptionTextColor
<br/>
<br/>
</td>
<td>
Text color of the URL's meta description in a hyper link message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatHyperlinkDescriptionBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the URL description area in a hyper link message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatHyperlinkMetaTitleTextColor
<br/>
<br/>
</td>
<td>
Text color of the URL's meta title in a hyper link message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatHyperlinkImageBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the image in a hyper link message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatCalendarBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the calendar message.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatAttachmentButtonColor
<br/>
<br/>
</td>
<td>
Color of the attachment button.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatAttachmentButtonEffectColor
<br/>
<br/>
</td>
<td>
Color of the attachment button effect.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatCardBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the card view.
<br/>
<br/>
</td>
</tr>
<tr>
<td rowspan="2">
SfChatCardButtonBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the card view action button in SfChat Xamarin.Forms.iOS platform.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Note : Background color of the card view action button in SfChat Xamarin.Forms.UWP platform will be set from `SyncPrimaryColor` key value and in SfChat Xamarin.Forms.Android platform card button background color will take up the color of 'Card background'.
<br/>
<br/>
</td>
</tr>
<tr>
<td rowspan="2">
SfChatCardButtonBorderColor
<br/>
<br/>
</td>
<td>
Color of the border in card view action button in SfChat for the Xamarin.Forms.Android platform.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Note : Color of the border in card view action button in SfChat for the Xamarin.Forms.iOS platform will be set from `SyncPrimaryLightColor` key value.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatCardTitleTextColor
<br/>
<br/>
</td>
<td>
Color of the text in the card view title.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatCardSubtitleTextColor
<br/>
<br/>
</td>
<td>
Color of the text in the card view subtitle.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatCardDescriptionTextColor
<br/>
<br/>
</td>
<td>
Color of the text in the card view description.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatCardTitleFontFamily
<br/>
<br/>
</td>
<td>
Font family of the text in the card view title.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatCardSubtitleFontFamily
<br/>
<br/>
</td>
<td>
Font family of the text in the card view subtitle.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatCardDescriptionFontFamily
<br/>
<br/>
</td>
<td>
Font family of the text in the card view description.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatCardButtonFontFamily
<br/>
<br/>
</td>
<td>
Font family of the text in the card view action button.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatCardTitleFontSize
<br/>
<br/>
</td>
<td>
Font size of the text in the card view title.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatCardSubtitleFontSize
<br/>
<br/>
</td>
<td>
Font size of the text in the card view subtitle.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatCardDescriptionFontSize
<br/>
<br/>
</td>
<td>
Font size of the text in the card view description.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatCardButtonFontSize
<br/>
<br/>
</td>
<td>
Font size of the text in the card view action button.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatCardTitleFontAttributes
<br/>
<br/>
</td>
<td>
Font attributes of the text in the card view title.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatCardSubtitleFontAttributes
<br/>
<br/>
</td>
<td>
Font attributes of the text in the card view subtitle.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatCardDescriptionFontAttributes
<br/>
<br/>
</td>
<td>
Font attributes of the text in the card view description.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatCardButtonFontAttributes
<br/>
<br/>
</td>
<td>
Font attributes of the text in the card view action button.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfChatLoadMoreBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the load more.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|
SfDateTimeRangeNavigator
<tr>
<td rowspan="24">
SfDateTimeRangeNavigatorStyles
<br/>
<br/>
</td>
<td>
SfDateTimeRangeNavigatorTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfDateTimeRangeNavigator without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" xmlns:chart="clr-namespace:Syncfusion.SfChart.XForms;assembly=Syncfusion.SfChart.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfDateTimeRangeNavigatorTheme">CommonTheme</x:String> Transparent White </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SyncPrimaryLightColor
<br/>
<br/>
</td>
<td>
Selected label text color of scale.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDateTimeRangeNavigatorBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the date-time range navigator.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDateTimeRangeNavigatorOverlayColor
<br/>
<br/>
</td>
<td>
Overlay color of unselected region of the date time range navigator.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDateTimeRangeNavigatorLabelTextColor
<br/>
<br/>
</td>
<td>
Text color of the date time range navigator label.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDateTimeRangeNavigatorLabelBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the date time range navigator label.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDateTimeRangeNavigatorLabelBorderColor
<br/>
<br/>
</td>
<td>
Border color of the date time range navigator label.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDateTimeRangeNavigatorSelectedLabelBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the date time range navigator selected label.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDateTimeRangeNavigatorSelectedLabelBorderColor
<br/>
<br/>
</td>
<td>
Border color of the date time range navigator selected label.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDateTimeRangeNavigatorGridLineColor
<br/>
<br/>
</td>
<td>
Color of the date time range navigator grid lines.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDateTimeRangeNavigatorTickLineColor
<br/>
<br/>
</td>
<td>
Color of the date time range navigator tick lines.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDateTimeRangeNavigatorThumbBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the date time range navigator thumb.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDateTimeRangeNavigatorThumbBorderColor
<br/>
<br/>
</td>
<td>
Border color of the date time range navigator thumb.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDateTimeRangeNavigatorThumbLineColor
<br/>
<br/>
</td>
<td>
Color of the date time range navigator thumb line.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDateTimeRangeNavigatorTooltipTextColor
<br/>
<br/>
</td>
<td>
Text color of the date time range navigator tooltip.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SyncPrimaryColor
|
Border color of tooltip and thumb.
|
|
|
Line color of thumb.
|
||
|
Background color of tooltip.
|
SfKanban
<tr>
<td rowspan="24">
SfKanbanStyles
<br/>
<br/>
</td>
<td>
SfKanbanTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfKanban without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" xmlns:chart="clr-namespace:Syncfusion.SfKanban.XForms;assembly=Syncfusion.SfKanban.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfKanbanTheme">CommonTheme</x:String> Transparent White Smoke </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfKanbanMinValidationColor
<br/>
<br/>
</td>
<td>
Color value of the error bar for minimum limit validation.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfKanbanMaxValidationColor
<br/>
<br/>
</td>
<td>
Color value of the error bar for maximum limit validation.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfKanbanValidationColor
<br/>
<br/>
</td>
<td>
Color value of the error bar for validation.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfKanbanPlaceholderBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the placeholder.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfKanbanPlaceholderBorderColor
<br/>
<br/>
</td>
<td>
Border color of the placeholder.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfKanbanPlaceholderTextColor
<br/>
<br/>
</td>
<td>
Text color of the placeholder.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfKanbanPlaceholderSelectedBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the selected placeholder.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfKanbanPlaceholderSelectedBorderColor
<br/>
<br/>
</td>
<td>
Border color of the selected placeholder.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfKanbanPlaceholderSelectedTextColor
<br/>
<br/>
</td>
<td>
Text color of the selected placeholder.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfKanbanCardBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the card.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfKanbanCardBorderColor
<br/>
<br/>
</td>
<td>
Border color of the card.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfKanbanCardTextColor
<br/>
<br/>
</td>
<td>
Text color of the card.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfKanbanCardTitleColor
<br/>
<br/>
</td>
<td>
Color of card title.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfKanbanCardTagBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the card tag.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfKanbanCardTagTextColor
<br/>
<br/>
</td>
<td>
Text color of the card tag.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfKanbanHeaderTitleTextColor
<br/>
<br/>
</td>
<td>
Text color of the header.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfKanbanHeaderBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the header.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfKanbanHeaderCollapsedBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the collapsed header.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfKanbanHeaderInfoTextColor
<br/>
<br/>
</td>
<td>
Text color of the header info.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SfKanbanBackgroundColor
|
Background color of kanban.
|
SfListView
<tr>
<td rowspan="11">
SfListViewStyles
<br/>
<br/>
</td>
<td>
SfListViewTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of the SfListView without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncTheme:SyncfusionThemeDictionary syncTheme:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfListViewTheme">CustomTheme</x:String> LightGreen DarkGreen </syncTheme:SyncfusionThemeDictionary.MergedDictionaries> </syncTheme:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfListViewBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of ListView.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfListViewForegroundColor
<br/>
<br/>
</td>
<td>
Text color of the ListViewItem, when it in the default state.
<br/>
<br/>
</td>
</tr>
<tr>
<td >
SfListViewSelectionBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the ListViewItem when it is in selection.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfListViewFocusBorderThickness
<br/>
<br/>
</td>
<td>
Border thickness of the ListViewItem when it is in selection.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfListViewFocusBorderColor
<br/>
<br/>
</td>
<td>
Border color of the ListViewItem when it is in selection.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfListViewGroupHeaderForegroundColor
<br/>
<br/>
</td>
<td>
Text color of the GroupHeaderItem, when it in the default state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfListViewLoadMoreForegroundColor
<br/>
<br/>
</td>
<td>
Text color of the LoadMoreItem When it is in the default state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SyncPrimaryLightColor
<br/>
<br/>
</td>
<td>
Color of the LoadMoreIndicator when the indicator is in the progressed state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfListViewLoadMoreBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the LoadMoreItem when it is in the default state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfListViewLoadMoreOpacity
<br/>
<br/>
</td>
<td>
Percentage of transparency level for the text in the LoadMoreItem when it is in the default state.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|
SfLinearProgressBar
<tr>
<td rowspan="24">
SfProgressBarStyles
<br/>
<br/>
</td>
<td>
SfProgressBarTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfLinearProgressBar without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfProgressBarTheme">CustomTheme</x:String> Blue Green </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfProgressBarTrackColor
<br/>
<br/>
</td>
<td>
Color of the track in the linear progress bar.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfProgressBarSecondaryProgressColor
<br/>
<br/>
</td>
<td>
Color of the secondary progress(buffer) indicator in the linear progress bar.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SyncPrimaryColor |
Color of the progress indicator in the linear progress bar.
|
SfCircularProgressBar
<tr>
<td rowspan="24">
SfProgressBarStyles
<br/>
<br/>
</td>
<td>
SfProgressBarTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfCircularProgressBar without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfProgressBarTheme">CustomTheme</x:String> Blue Green </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfProgressBarTrackColor
<br/>
<br/>
</td>
<td>
Color of the track in the circular progress bar.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SyncPrimaryColor |
Color of the progress indicator in the circular progress bar.
|
SfNumericTextBox
<tr>
<td rowspan="24">
SfNumericTextBoxStyles
<br/>
<br/>
</td>
<td>
SfNumericTextBoxTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfNumericTextBox without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfNumericTextBoxTheme">CustomTheme</x:String> Blue Green </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfNumericTextBoxTextColor
<br/>
<br/>
</td>
<td>
Text color of the numeric text box.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfNumericTextBoxBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the numeric text box.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfNumericTextBoxBorderColor
<br/>
<br/>
</td>
<td>
Border color of the numeric text box.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SyncPrimaryColor |
Border color of the numeric text box.
|
SfNumericUpDown
<tr>
<td rowspan="24">
SfNumericUpDownStyles
<br/>
<br/>
</td>
<td>
SfNumericUpDownTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfNumericUpDown without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfNumericUpDownTheme">CustomTheme</x:String> Blue Green </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfNumericUpDownTextColor
<br/>
<br/>
</td>
<td>
Text color of the numeric up down.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfNumericUpDownBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of numeric up down.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfNumericUpDownButtonBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the up and down buttons.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfNumericUpDownButtonForegroundColor
<br/>
<br/>
</td>
<td>
Foreground color of the up and down buttons.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfNumericUpDownBorderColor
<br/>
<br/>
</td>
<td>
Border color of the numeric up down.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfNumericUpDownHighlightedBackgroundColor
<br/>
<br/>
</td>
<td>
Sets the background color for the up-down button when it is pressed.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfNumericUpDownHighlightedFontColor
<br/>
<br/>
</td>
<td>
Sets the font color for the up-down button when it is pressed.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SyncPrimaryColor |
Border color of numeric up down.
|
SfDiagram
<tr>
<td rowspan="8">
SfDiagramStyles
<br/>
<br/>
</td>
<td>
SfDiagramTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, it is possible to customize the appearance of the SfDiagram without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfDiagramTheme">CustomTheme</x:String> Blue Green </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SfDiagramStencilHeaderBackgroundColor
|
Background color of the stencil header.
|
|
|
SfDiagramStencilHeaderForegroundColor
|
Foreground color of the stencil header.
|
|
|
SfDiagramDialogHeaderForegroundColor
|
Foreground color of header in dialog box.
|
|
|
SfDiagramDialogBackgroundColor
|
Background color of header in dialog box.
|
|
|
SfDiagramLabelBackgroundColor
|
Background color of Label in dialog box.
|
|
|
SfDiagramStencilBorderColor
|
Border color of stencil.
|
|
|
SfDiagramStencilBackgroundColor
|
Background color of stencil.
|
SfMaskedEdit
<tr>
<td rowspan="24">
SfMaskedEditStyles
<br/>
<br/>
</td>
<td>
SfMaskedEditTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfMaskedEdit without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfMaskedEditTheme">CustomTheme</x:String> Blue Green </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfMaskedEditTextColor
<br/>
<br/>
</td>
<td>
Text color of the masked edit.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfMaskedEditBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the masked edit.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfMaskedEditWatermarkColor
<br/>
<br/>
</td>
<td>
Watermark color of the masked edit.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SyncPrimaryColor |
Border color of the masked edit.
|
SfTreeView
<tr>
<td rowspan="8">
SfTreeViewStyles
<br/>
<br/>
</td>
<td>
SfTreeViewTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfTreeView without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncTheme:SyncfusionThemeDictionary syncTheme:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfTreeViewTheme">CustomTheme</x:String> Blue White </syncTheme:SyncfusionThemeDictionary.MergedDictionaries> </syncTheme:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfTreeViewSelectionBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of TreeViewItem when it is in selection.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTreeViewContentForegroundColor
<br/>
<br/>
</td>
<td>
Text color of content view label when it is in default state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SyncPrimaryLightColor
<br/>
<br/>
</td>
<td>
Text color of content view label when it is in selection.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTreeViewExpanderColor
<br/>
<br/>
</td>
<td>
Color of expander icon.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTreeViewFocusBorderColor
<br/>
<br/>
</td>
<td>
Border color of focused item.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTreeViewFocusBorderThickness
<br/>
<br/>
</td>
<td>
Border thickness of focused item.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SfTreeViewBackgroundColor |
Background color of TreeView.
|
SfTextInputLayout
<tr>
<td rowspan="24">
SfTextInputLayoutStyles
<br/>
<br/>
</td>
<td>
SfTextInputLayoutTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, it is possible to customize the appearance of the SfTextInputLayout without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfTextInputLayoutTheme">CustomTheme</x:String> Blue Green </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SyncPrimaryLightColor
<br/>
<br/>
</td>
<td>
Color of hint when text input layout is focused.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SyncPrimaryColor
<br/>
<br/>
</td>
<td>
Color of line/border when text input layout is focused.
<br/>
<br/>
</td>
</tr>
<tr>
<td rowspan="3">
SyncErrorColor
<br/>
<br/>
</td>
<td>
Color of hint when the input view contains error and is focused.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Color of border when input view contains error.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Color of counter label when input view contains error.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTextInputLayoutHintColor
<br/>
<br/>
</td>
<td>
Color of hint when the text input layout is in the default state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTextInputLayoutDisabledHintColor
<br/>
<br/>
</td>
<td>
Color of hint when text input layout is disabled.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTextInputLayoutFloatedHintDisabledColor
<br/>
<br/>
</td>
<td>
Color of hint when text input layout is disabled, and text inside the input view is floated.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTextInputLayoutLineColor
<br/>
<br/>
</td>
<td>
Color of line/border when text input layout is in the default state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTextInputLayoutFilledLineDisabledColor
<br/>
<br/>
</td>
<td>
Color of line when text input layout is in the disabled state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTextInputLayoutOutlinedLineDisabledColor
<br/>
<br/>
</td>
<td>
Color of border when text input layout is in the disabled state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTextInputLayoutCounterLabelColor
<br/>
<br/>
</td>
<td>
Color of counter label when text input layout is in the default state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTextInputLayoutCounterLabelDisabledColor
<br/>
<br/>
</td>
<td>
Color of counter label when text input layout is in the disabled state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTextInputLayoutContainerBackgroundColor
<br/>
<br/>
</td>
<td>
Color of container background when the text input layout is in the default state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTextInputLayoutContainerBackgroundDisabledColor
<br/>
<br/>
</td>
<td>
Color of container background when text input layout is in the disabled state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTextInputLayoutHelperTextColor
<br/>
<br/>
</td>
<td>
Color of helper text when text input layout is in the default state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTextInputLayoutHelperTextDisabledColor
<br/>
<br/>
</td>
<td>
Color of helper text when text input layout is in the disabled state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTextInputLayoutErrorTextColor
<br/>
<br/>
</td>
<td>
Color of error text when text input layout is in the default state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTextInputLayoutErrorTextDisabledColor
<br/>
<br/>
</td>
<td>
Color of error text when text input layout is in the disabled state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTextInputLayoutPasswordToggleFocusedColor
<br/>
<br/>
</td>
<td>
Color of password toggle button when the input view is focused.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTextInputLayoutPasswordToggleDisabledColor
<br/>
<br/>
</td>
<td>
Color of password toggle button when the text input layout is in the disabled state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTextInputLayoutPasswordToggleUnfocusedColor
<br/>
<br/>
</td>
<td>
Color of password toggle button when the input view is unfocused.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTextInputLayoutFloatedHintUnfocusedColor
<br/>
<br/>
</td>
<td>
Color of floated hint text when input view is unfocused.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|
SfBackdropPage
<tr>
<td rowspan="24">
SfBackdropPageStyles
<br/>
<br/>
</td>
<td>
SfBackdropPageTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfBackdropPage without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfBackdropPageTheme">CustomTheme</x:String> Red </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SfBackdropPageFrontLayerBackgroundColor
|
Background color of the front layer.
|
SfCardView
<tr>
<td rowspan="24">
SfCardViewStyles
<br/>
<br/>
</td>
<td>
SfCardViewTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfCardView without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfCardViewTheme">CustomTheme</x:String> Red </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
CardViewContentBackgroundColor
|
Background color of the card view content.
|
SfPdfViewer
<tr>
<td rowspan="46">
SfPdfViewerStyles
<br/>
<br/>
</td>
<td>
SfPdfViewerTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfPdfViewer without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" xmlns:chart="clr-namespace:Syncfusion.SfPdfViewer.XForms;assembly=Syncfusion.SfPdfViewer.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfPdfViewerTheme">CommonTheme</x:String> Cyan Red </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfPdfViewerButtonIconDisabledColor
<br/>
<br/>
</td>
<td>
Text color of the button when it is in disabled state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerButtonPressedColor
<br/>
<br/>
</td>
<td>
Pressed color of the toolbar buttons.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerToolbarBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the toolbar.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerToolbarBorderColor
<br/>
<br/>
</td>
<td>
Border color of the toolbar.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerToolbarSeparatorColor
<br/>
<br/>
</td>
<td>
Toolbar separator color.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerEntryTextColor
<br/>
<br/>
</td>
<td>
Text color of entry.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerEntryBorderColor
<br/>
<br/>
</td>
<td>
Border color of entry.
<br/>
<br/>
</td>
</tr>
<td>
SfPdfViewerEntryPlaceholderColor
<br/>
<br/>
</td>
<td>
Placeholder color of entry.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerEntryBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of entry.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerBookmarkItemBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the bookmark items.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerBookmarkTitleBarBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the bookmark title bar.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerBookmarkTitleBarTextColor
<br/>
<br/>
</td>
<td>
Text color of the bookmark title bar.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerTextElementColor
<br/>
<br/>
</td>
<td>
Text color of the `PDF Viewer` text labels.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerMoreMenuBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the more menu bar.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerMoreMenuTextDisabledColor
<br/>
<br/>
</td>
<td>
Text color of the more menu items when it is in disabled state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerMoreMenuTextEnabledColor
<br/>
<br/>
</td>
<td>
Text color of the more menu items when it is in enabled state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerScrollHeadColor
<br/>
<br/>
</td>
<td>
Background color of the scroll head label.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerScrollHeadBorderColor
<br/>
<br/>
</td>
<td>
Border color of the scroll head.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerScrollHeadPageNumberViewBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the page number alert dialog.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerScrollHeadPageNumberViewSeparatorColor
<br/>
<br/>
</td>
<td>
Separator color of the page number alert dialog.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerSignaturePadTitleColor
<br/>
<br/>
</td>
<td>
Title color of the signature pad.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerSignaturePadColor
<br/>
<br/>
</td>
<td>
Background color of the signature pad view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerSignaturePadHeaderFooterColor
<br/>
<br/>
</td>
<td>
Background color of header and footer of signature pad.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerSignatureBorderColor
<br/>
<br/>
</td>
<td>
Border color of the signature pad.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerSignaturePadConfirmationButtonDisabledColor
<br/>
<br/>
</td>
<td>
Text color of the signature pad confirmation button when it is in disabled state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerSignaturePadCancelButtonEnabledColor
<br/>
<br/>
</td>
<td>
Text color of the signature pad cancel button when it is in enabled state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerSignaturePadCancelButtonDisabledColor
<br/>
<br/>
</td>
<td>
Text color of the signature pad cancel button when it is in disabled state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerSignaturePadClearButtonEnabledColor
<br/>
<br/>
</td>
<td>
Text color of the signature pad clear button when it is in enabled state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerSignaturePadClearButtonDisabledColor
<br/>
<br/>
</td>
<td>
Text color of the signature pad clear button when it is in disabled state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerEditWindowPlaceHolderColor
<br/>
<br/>
</td>
<td>
Placeholder color of the edit text window.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerSearchBarBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the search bar.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerFreeTextConfirmationButtonDisabledColor
<br/>
<br/>
</td>
<td>
Text color of the FreeText confirmation button when it is in disabled state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerFreeTextCancelButtonEnabledColor
<br/>
<br/>
</td>
<td>
Text color of the FreeText cancel button when it is in enabled state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerFreeTextCancelButtonDisabledColor
<br/>
<br/>
</td>
<td>
Text color of the FreeText cancel button when it is in disabled state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerThicknessViewBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the thickness selector toolbar.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerThicknessViewButtonBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the thickness button in thickness selector toolbar.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerThicknessViewButtonBorderDisabledColor
<br/>
<br/>
</td>
<td>
Border color of the thickness button when it is in disabled state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerAlertDialogBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the page number alert dialog.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPdfViewerAlertDialogTitleColor
<br/>
<br/>
</td>
<td>
Title color of the page number alert dialog.
<br/>
<br/>
</td>
</tr>
<td>
SfPdfViewerAlertDialogTextColor
<br/>
<br/>
</td>
<td>
Text color of the page number alert dialog.
<br/>
<br/>
</td>
</tr>
<td>
SfPdfViewerAlertDialogBorderColor
<br/>
<br/>
</td>
<td>
Border color of the page number alert dialog.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SfPdfViewerButtonIconEnabledColor
|
Text color of the button when it is in enabled state.
|
SfDataGrid
<tr>
<td rowspan="27">
SfDataGridStyles
<br/>
<br/>
</td>
<td>
SfDataGridTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, it is possible to customize the appearance of the SfDataGrid without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfDataGridTheme">CustomTheme</x:String> Blue Green </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfDataGridBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the remaining area other than rows/columns is rendered in DataGrid.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridHeaderBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the row and column headers in the SfDataGrid.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridHeaderForegroundColor
<br/>
<br/>
</td>
<td>
Foreground color of the row and column headers in the SfDataGrid.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridHeaderBorderColor
<br/>
<br/>
</td>
<td>
Border color of the row and column header cells in the SfDataGrid.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridRecordBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the grid cells in the SfDataGrid.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridRecordForegroundColor
<br/>
<br/>
</td>
<td>
Foreground color of the grid cells in the SfDataGrid.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridBorderColor
<br/>
<br/>
</td>
<td>
Border color of the grid cells in the SfDataGrid.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridSelectionBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the selected row in SfDataGrid.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridSelectionForegroundColor
<br/>
<br/>
</td>
<td>
Foreground color of the selected row in SfDataGrid.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridAlternatingRowBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the alternate rows in SfDataGrid.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridRowDragViewBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the row drag view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridRowDragViewForegroundColor
<br/>
<br/>
</td>
<td>
Foreground color of the row drag view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridColumnDragViewBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the column drag view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridColumnDragViewForegroundColor
<br/>
<br/>
</td>
<td>
Foreground color of the column drag view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridColumnDragViewBorderColor
<br/>
<br/>
</td>
<td>
Border color of the column drag view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridTableSummaryBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the [TableSummaryRow](http://help.syncfusion.com/cr/xamarin/Syncfusion.SfDataGrid.XForms.GridTableSummaryRow.html) in SfDataGrid.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridTableSummaryForegroundColor
<br/>
<br/>
</td>
<td>
Foreground color of the `TableSummaryRow` in SfDataGrid.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridCaptionSummaryRowBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the [CaptionSummaryRow](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfDataGrid.XForms.SfDataGrid.html#Syncfusion_SfDataGrid_XForms_SfDataGrid_CaptionSummaryRow) in SfDataGrid.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridCaptionSummaryRowForegroundColor
<br/>
<br/>
</td>
<td>
Foreground color of the `CaptionSummaryRow` in SfDataGrid.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridGroupSummaryRowBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the [GroupSummaryRow](https://help.syncfusion.com/cr/xamarin/Syncfusion.SfDataGrid.XForms.SfDataGrid.html#Syncfusion_SfDataGrid_XForms_SfDataGrid_GroupSummaryRows) in SfDataGrid.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridGroupSummaryRowForegroundColor
<br/>
<br/>
</td>
<td>
Foreground color of the `GroupSummaryRow` in SfDataGrid.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridUnboundRowBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the 'UnboundRow' in SfDataGrid.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridUnboundRowForegroundColor
<br/>
<br/>
</td>
<td>
Foreground color of the 'UnboundRow' in SfDataGrid.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridLoadMoreViewBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the LoadMore view in SfDataGrid.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridLoadMoreViewForegroundColor
<br/>
<br/>
</td>
<td>
Foreground color of the LoadMore view in SfDataGrid.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataGridIndentBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the indent column in SfDataGrid.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|
SfDataPager
<tr>
<td rowspan="11">
SfDataPagerStyles
<br/>
<br/>
</td>
<td>
SfDataPagerTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, it is possible to customize the appearance of the SfDataPager without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfDataPager">CustomTheme</x:String> White Red </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfDataPagerNumericButtonForegroundColor
<br/>
<br/>
</td>
<td>
Foreground color of the numeric button.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataPagerNumericButtonBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the numeric button.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataPagerButtonBorderColor
<br/>
<br/>
</td>
<td>
Border color of all the pager buttons.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataPagerNavigationButtonBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the navigation button.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataPagerEnabledNavigationButtonIconColor
<br/>
<br/>
</td>
<td>
Color of the icon in the navigation button in enabled state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataPagerDisabledNavigationButtonIconColor
<br/>
<br/>
</td>
<td>
Color of the icon in the navigation button in disabled state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SyncPrimaryForegroundColor
<br/>
<br/>
</td>
<td>
Foreground color of the selection numeric button.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SyncPrimaryColor
<br/>
<br/>
</td>
<td>
Background color of the selection numeric button.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SfDataPagerBackgroundColor |
Background color of the SfDataPager.
|
SfPopupLayout
<tr>
<td rowspan="12">
SfPopupLayoutStyles
<br/>
<br/>
</td>
<td>
SfPopupLayoutTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, it is possible to customize the appearance of the SfPopupLayout without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfPopupLayoutTheme">CustomTheme</x:String> Blue Blue </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfPopupLayoutFooterBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the footer view in SfPopupLayout.
<br/>
<br/>
</td>
</tr>
<tr>
<td rowspan="2">
SfPopupLayoutAcceptButtonBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the accept button in Xamarin.Forms.Android and Xamarin.Forms.iOS platform.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Note: Background color of the accept button for Xamarin.Forms.UWP platform is obtained from SyncPrimaryColor key value.
<br/>
<br/>
</td>
</tr>
<tr>
<td rowspan="2">
SfPopupLayoutDeclineButtonTextColor
<br/>
<br/>
</td>
<td>
Text color of the decline button in Xamarin.Forms.UWP platform.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Note: Text color of the decline button for Xamarin.Forms.Android and Xamarin.Forms.iOS platform is obtained from SyncPrimaryLightColor key value.
<br/>
<br/>
</td>
</tr>
<tr>
<td rowspan="2">
SfPopupLayoutBorderColor
<br/>
<br/>
</td>
<td>
Border color of the SfPopupLayout in Xamarin.Forms.Android and Xamarin.Forms.iOS platform.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Note: Border color of the SfPopupLayout for Xamarin.Forms.UWP platform is obtained from SyncPrimaryColor key value.
<br/>
<br/>
</td>
</tr>
<tr>
<td rowspan="2">
SfPopupLayoutDeclineButtonBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the decline button in Xamarin.Forms.UWP platform.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Note: Background color of the decline button for Xamarin.Forms.Android and Xamarin.Forms.iOS platform is obtained from SyncPrimaryLightColor key value.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfPopupLayoutHeaderTextColor
<br/>
<br/>
</td>
<td>
Text color of the header in SfPopupLayout.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SfPopupLayoutHeaderBackgroundColor |
Background color of the header view in SfPopupLayout.
|
SfPullToRefresh
<tr>
<td rowspan="2">
SfPullToRefreshStyles
<br/>
<br/>
</td>
<td>
SfPullToRefreshTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, it is possible to customize the appearance of the SfPullToRefresh without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfPullToRefreshTheme">CustomTheme</x:String> Blue </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfPullToRefreshBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the circle view in SfPullToRefresh.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|
SfDataForm
<tr>
<td rowspan="24">
SfDataFormStyles
<br/>
<br/>
</td>
<td>
SfDataFormTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, it is possible to customize the appearance of the SfDataForm without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfDataFormTheme">CustomTheme</x:String> Red Pink </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfDataFormEditorBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the dataform editors.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataFormEditorDisabledBackgroundColor
<br/>
<br/>
</td>
<td>
Disabled editor`s background color in dataform.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataFormEditorTextColor
<br/>
<br/>
</td>
<td>
Text color of the dataform editors.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataFormEditorPlaceholderColor
<br/>
<br/>
</td>
<td>
Placeholder color of the editor in dataform.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataFormEditorDisabledTextColor
<br/>
<br/>
</td>
<td>
Disabled editor`s text color in dataform.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataFormLabelTextColor
<br/>
<br/>
</td>
<td>
Text color of the dataform labels.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataFormLabelDisabledTextColor
<br/>
<br/>
</td>
<td>
Disabled label`s text color in dataform.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataFormLabelBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the dataform labels.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataFormLabelDisabledBackgroundColor
<br/>
<br/>
</td>
<td>
Disabled label`s background color in dataform.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfDataFormEditorBorderColor
<br/>
<br/>
</td>
<td>
Border color of the dataform editors.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SyncPrimaryColor |
Border color of dataform editors when focused and date time picker's background color in dataform.
|
|
|
SfDataFormBackgroundColor |
Background color of the dataform.
|
SfSchedule
<tr>
<td rowspan="2">
SyncPrimaryLightColor.
<br/>
<br/>
</td>
<tr>
<td>
SfScheduleDayViewNonWorkingHoursTimeSlotBorderColor
<br/>
<br/>
</td>
<td>
Change the color of non working hour time slot border in schedule day view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleDayViewTimeSlotColor
<br/>
<br/>
</td>
<td>
Change the color of time slot in schedule day view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleDayViewTimeSlotBorderColor
<br/>
<br/>
</td>
<td>
Change the color of time slot border color of schedule day view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleDayViewVerticalLineColor
<br/>
<br/>
</td>
<td>
Change the color of time slot vertical lines at schedule day view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleDayViewAllDayAppointmentLayoutColor
<br/>
<br/>
</td>
<td>
Change the color of all day appointment layout color, when enable the all day appointment in schedule day view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleWeekViewNonWorkingHoursTimeSlotColor
<br/>
<br/>
</td>
<td>
Change the color of non working hour time slot in schedule week view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleWeekViewNonWorkingHoursTimeSlotBorderColor
<br/>
<br/>
</td>
<td>
Change the color of non working hour time slot border in schedule week view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleWeekViewTimeSlotColor
<br/>
<br/>
</td>
<td>
Change the color of time slot in schedule week view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleWeekViewTimeSlotBorderColor
<br/>
<br/>
</td>
<td>
Change the color of time slot border in schedule week view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleWeekViewVerticalLineColor
<br/>
<br/>
</td>
<td>
Change the color of time slots vertical line in schedule week view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleWeekViewAllDayAppointmentLayoutColor
<br/>
<br/>
</td>
<td>
Change the color of all day appointment layout color, when enable the all day appointment in schedule week view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleWorkWeekViewNonWorkingHoursTimeSlotColor
<br/>
<br/>
</td>
<td>
Change the color of non working hour timeslot in schedule work week view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleWorkWeekViewNonWorkingHoursTimeSlotBorderColor
<br/>
<br/>
</td>
<td>
Change the color of non working hour time slot border in schedule work week view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleWorkWeekViewTimeSlotColor
<br/>
<br/>
</td>
<td>
Change the color of time slot in schedule work week view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleWorkWeekViewTimeSlotBorderColor
<br/>
<br/>
</td>
<td>
Change the color of time slot border in schedule work week view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleWorkWeekViewVerticalLineColor
<br/>
<br/>
</td>
<td>
Change the color of time slot vertical line in schedule work week view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleWorkWeekViewAllDayAppointmentLayoutColor
<br/>
<br/>
</td>
<td>
Change the color of all day appointment layout color, when enable the all day appointment in schedule work week view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleMonthViewTodayBackground
<br/>
<br/>
</td>
<td>
Change the color of current date circle background at schedule month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleMonthViewSelectionTextColor
<br/>
<br/>
</td>
<td>
Change the color of select month cell text at schedule month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleDayViewLabelTimeLabelColor
<br/>
<br/>
</td>
<td>
Change the color of time slot labels(2pm,3pm,etc) at schedule day view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleWeekViewLabelTimeLabelColor
<br/>
<br/>
</td>
<td>
Change the color of time slot labels(2pm,3pm,etc) at schedule week view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleWorkWeekViewLabelTimeLabelColor
<br/>
<br/>
</td>
<td>
Change the color of time slot labels(2pm,3pm,etc) at schedule work week view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleHeaderBackgroundColor
<br/>
<br/>
</td>
<td>
Change the color of header layout in schedule.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleHeaderTextColor
<br/>
<br/>
</td>
<td>
Change the color of header text in schedule.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleViewHeaderDayTextColor
<br/>
<br/>
</td>
<td>
Change the color of view header day text(Sunday,Monday,etc) in schedule.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleViewHeaderBackgroundColor
<br/>
<br/>
</td>
<td>
Change the color of view header layout in schedule.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleViewHeaderDateTextColor
<br/>
<br/>
</td>
<td>
Change the color of view header date text(10,11,etc) in schedule.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleSelectionBackgroundColor
<br/>
<br/>
</td>
<td>
Change the color of selection background at schedule.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleSelectionBorderColor
<br/>
<br/>
</td>
<td>
Change the color of selection border at schedule.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleAppointmentTextColor
<br/>
<br/>
</td>
<td>
Change the color of appointment text in schedule day, week and work week view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleAppointmentBorderColor
<br/>
<br/>
</td>
<td>
Change the border color of appointment layout in schedule day, week and work week view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleAppointmentSelectionBorderColor
<br/>
<br/>
</td>
<td>
Change the border color of appointment layout while select in schedule day, week and work week view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleMonthCellTextColor
<br/>
<br/>
</td>
<td>
Change the color of month cell text in schedule month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleMonthCellBackgroundColor
<br/>
<br/>
</td>
<td>
Change the color of month cell background in schedule month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleMonthCellTodayBackgroundColor
<br/>
<br/>
</td>
<td>
Change the current day background color of month cell in schedule month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleMonthCellTodayTextColor
<br/>
<br/>
</td>
<td>
Change the current date text color of month cell in schedule month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleMonthCellPreviousMonthTextColor
<br/>
<br/>
</td>
<td>
Change the previous month date text color of month cell in schedule month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleMonthCellPreviousMonthBackgroundColor
<br/>
<br/>
</td>
<td>
Change the previous month background color of month cell in schedule month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleMonthCellNextMonthBackgroundColor
<br/>
<br/>
</td>
<td>
Change the next month background color of month cell in schedule month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleMonthCellNextMonthTextColor
<br/>
<br/>
</td>
<td>
Change the next month date text color of month cell in schedule month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleMonthViewWeekNumberTextColor
<br/>
<br/>
</td>
<td>
Change the week number text color, when enable the week number view in schedule month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleMonthViewWeekNumberBackgroundColor
<br/>
<br/>
</td>
<td>
Change the week number background color, when enable the week number view in schedule month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleMonthAgendaViewSubjectFontColor
<br/>
<br/>
</td>
<td>
Change the appointment subject text color, when enable the agenda view in schedule month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleMonthAgendaViewBackgroundColor
<br/>
<br/>
</td>
<td>
Change the agenda view layout background color of schedule month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleMonthAgendaViewTimeFontColor
<br/>
<br/>
</td>
<td>
Change the appointment time text color, when enable the agenda view in schedule month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfScheduleMonthAgendaViewDateFontColor
<br/>
<br/>
</td>
<td>
Change the selected date text color, when enable the agenda view in schedule month view.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SfScheduleStyles
|
SfScheduleTheme
|
By merging this key in application resources, it is possible to customize the appearance of the SfSchedule without merging common theme resource and control style resource dictionaries.
{% highlight xaml %} <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfScheduleTheme">CustomTheme</x:String> Red Blue Blue </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources> .... {% endhighlight %}
|
|
SyncPrimaryColor
|
Change the color of today selection background in schedule month view.
|
|
|
Change the color of current day(Sun,Mon,etc) text in schedule day, week and work week view.
|
||
|
Change the color of current date(10,11,etc) text in schedule day, week and work week view.
|
||
|
SyncPrimaryForegroundColor
|
Change the color of current day text in schedule month view.
|
|
|
SfScheduleBackgroundColor
|
Change the color of schedule background.
|
|
|
SfScheduleDayViewNonWorkingHoursTimeSlotColor
|
Change the color of non working hour time slot in schedule day view.
|
|
|
SfScheduleAppointmentSelectionTextColor
|
Change the text color of appointment while select in schedule day, week and work week view.
|
|
|
SfScheduleTimeIndicatorTextColor
|
Change the time indicator text color, when enable drag and drop in schedule day, week and work week view.
|
SfCalendar
<tr>
<td>
SfCalendarInlineTextColor
<br/>
<br/>
</td>
<td>
Change the color of inline appointment text in calendar month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarBlackoutColor
<br/>
<br/>
</td>
<td>
Change the color of black out date denoting view in calendar month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarDateSelectionColor
<br/>
<br/>
</td>
<td>
Change the color of selected date background in calendar month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarInlineBackgroundColor
<br/>
<br/>
</td>
<td>
Change the color of inline layout background in calendar month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarSelectedDayTextColor
<br/>
<br/>
</td>
<td>
Change the color of select date text color in calendar month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarBorderColor
<br/>
<br/>
</td>
<td>
Change the border color(vertical/horizontal line) of calendar month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarWeekDayBackgroundColor
<br/>
<br/>
</td>
<td>
Change the color of week day(Monday to Friday month cell) background in calendar month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarWeekDayTextColor
<br/>
<br/>
</td>
<td>
Change the color of week day(Monday to Friday month cell) text in calendar month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarDisabledBackgroundColor
<br/>
<br/>
</td>
<td>
Change the color of disabled month cell date background in calendar month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarDisabledTextColor
<br/>
<br/>
</td>
<td>
Change the color of disabled month cell date text in calendar month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarPreviousMonthBackgroundColor
<br/>
<br/>
</td>
<td>
Change the color of previous month cell date background in calendar month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarPreviousMonthTextColor
<br/>
<br/>
</td>
<td>
Change the color of previous month cell date text in calendar month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarCurrentMonthBackgroundColor
<br/>
<br/>
</td>
<td>
Change the color of current month cell background in calendar month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarCurrentMonthTextColor
<br/>
<br/>
</td>
<td>
Change the color of current month cell date text in calendar month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarWeekEndTextColor
<br/>
<br/>
</td>
<td>
Change the color of week end(Sunday & Saturday month cell) text in calendar month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarDayHeaderTextColor
<br/>
<br/>
</td>
<td>
Change the color day header (Sunday,Monday,etc) text color in calendar month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarDayHeaderBackgroundColor
<br/>
<br/>
</td>
<td>
Change the color day header (Sunday,Monday,etc) background color in calendar month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarWeekEndBackgroundColor
<br/>
<br/>
</td>
<td>
Change the color of week end(Sunday & Saturday month cell) background in calendar month view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarHeaderBackgroundColor
<br/>
<br/>
</td>
<td>
Change the color of header layout background in calendar.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarHeaderTextColor
<br/>
<br/>
</td>
<td>
Change the color of header layout date text in calendar.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarYearViewLayoutBackground
<br/>
<br/>
</td>
<td>
Change the color of year view layout background in calendar.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarYearViewHeaderBackground
<br/>
<br/>
</td>
<td>
Change the color of header layout background in calendar year view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarYearViewMonthLayoutBackground
<br/>
<br/>
</td>
<td>
Change the color of month layout(Jan,Feb,etc) background in calendar year view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarYearViewMonthHeaderBackground
<br/>
<br/>
</td>
<td>
Change the color of month layout header(Jan,Feb,etc) background in calendar year view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarYearViewDateTextColor
<br/>
<br/>
</td>
<td>
Change the color of month date (10,11,etc) text in calendar year view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarYearViewHeaderTextColor
<br/>
<br/>
</td>
<td>
Change the color of month header text(Jan,Feb,etc) in calendar year view.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCalendarAgendaSelectedDateColor
<br/>
<br/>
</td>
<td>
Change the color of agenda view Date text(12 Tue, 13 Wed, 14 Thu) in calendar month view.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SfCalendarStyles
|
SfCalendarTheme
|
By merging this key in application resources, it is possible to customize the appearance of the SfCalendar without merging common theme resource and control style resource dictionaries.
{% highlight xaml %} <Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfCalendarTheme">CustomTheme</x:String> Green White Blue Blue Green </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources> .... {% endhighlight %}
|
|
SyncPrimaryLightColor.
|
Change the color of current day text in calendar month view.
|
|
|
Change the color of month header text in calendar year view.
|
SfMaps
<tr>
<td rowspan="12">
SfMapsStyles
<br/>
<br/>
</td>
<td>
SfMapsTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, it is possible to customize the appearance of the SfMaps without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfMapsTheme">CustomTheme</x:String> Blue Green </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfMapsBackgroundColor
<br/>
<br/>
</td>
<td>
Color of maps background.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfMapsSelectedShapeColor
<br/>
<br/>
</td>
<td>
Color of selected shape in maps.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfMapsSelectedShapeStrokeColor
<br/>
<br/>
</td>
<td>
Color of selected shape stroke color in maps.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfMapsBubbleMarkerFillColor
<br/>
<br/>
</td>
<td>
Color of bubble marker in maps.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfMapsLegendTextColor
<br/>
<br/>
</td>
<td>
Color of legend text in maps.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfMapsDataLabelTextColor
<br/>
<br/>
</td>
<td>
Color of data label text in maps.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfMapsMarkerLabelColor
<br/>
<br/>
</td>
<td>
Color of marker label in maps.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfMapsMarkerIconColor
<br/>
<br/>
</td>
<td>
Color of marker icon in maps.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfMapsTooltipBackgroundColor
<br/>
<br/>
</td>
<td>
Color of tooltip background in maps.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfMapsTooltipStrokeColor
<br/>
<br/>
</td>
<td>
Color of tooltip stroke in maps.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfMapsTooltipTextColor
<br/>
<br/>
</td>
<td>
Color of tooltip text in maps.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|
SfCircularGauge
<tr>
<td rowspan="13">
SfCircularGaugeStyles
<br/>
<br/>
</td>
<td>
SfCircularGaugeTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, it is possible to customize the appearance of the SfCircularGauge without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfCircularGaugeTheme">CustomTheme</x:String> Blue Green </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfCircularGaugeBackgroundColor
<br/>
<br/>
</td>
<td>
Color of circular gauge background.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCircularGaugeNeedlePointerColor
<br/>
<br/>
</td>
<td>
Color of needle pointer in circular gauge.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCircularGaugeSymbolPointerColor
<br/>
<br/>
</td>
<td>
Color of symbol pointer in circular gauge.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCircularGaugeRangePointerColor
<br/>
<br/>
</td>
<td>
Color of range pointer in circular gauge.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCircularGaugeRangeColor
<br/>
<br/>
</td>
<td>
Color of range in circular gauge.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCircularGaugeHeaderColor
<br/>
<br/>
</td>
<td>
Color of header in circular gauge.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCircularGaugeMinorTickColor
<br/>
<br/>
</td>
<td>
Color of minor tick in circular gauge.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCircularGaugeMajorTickColor
<br/>
<br/>
</td>
<td>
Color of major tick in circular gauge.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCircularGaugeKnobColor
<br/>
<br/>
</td>
<td>
Color of knob in circular gauge.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCircularGaugeKnobStrokeColor
<br/>
<br/>
</td>
<td>
Color of knob stroke in circular gauge.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCircularGaugeTailColor
<br/>
<br/>
</td>
<td>
Color of tail in circular gauge.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfCircularGaugeTailStrokeColor
<br/>
<br/>
</td>
<td>
Color of tail stroke in circular gauge.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|
SfLinearGauge
<tr>
<td rowspan="7">
SfLinearGaugeStyles
<br/>
<br/>
</td>
<td>
SfLinearGaugeTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, it is possible to customize the appearance of the SfLinearGauge without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfLinearGaugeTheme">CustomTheme</x:String> Blue Green </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfLinearGaugeLabelColor
<br/>
<br/>
</td>
<td>
Color of label in linear gauge.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfLinearGaugeRangeColor
<br/>
<br/>
</td>
<td>
Color of range in linear gauge.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfLinearGaugeHeaderColor
<br/>
<br/>
</td>
<td>
Color of header in linear gauge.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfLinearGaugeSymbolColor
<br/>
<br/>
</td>
<td>
Color of symbol pointer in linear gauge.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfLinearGaugeTickColor
<br/>
<br/>
</td>
<td>
Color of tick in linear gauge.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfLinearGaugeBarColor
<br/>
<br/>
</td>
<td>
Color of bar pointer in linear gauge.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|
SfDigitalGauge
<tr>
<td rowspan="3">
SfDigitalGaugeStyles
<br/>
<br/>
</td>
<td>
SfDigitalGaugeTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, it is possible to customize the appearance of the SfDigitalGauge without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfDigitalGaugeTheme">CustomTheme</x:String> Blue Green </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfDigitalGaugeCharacterStrokeColor
<br/>
<br/>
</td>
<td>
Color of character stroke in digital gauge.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|
SfSunburstChart
<tr>
<td rowspan="7">
SfSunburstChartStyles
<br/>
<br/>
</td>
<td>
SfSunburstChartTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, it is possible to customize the appearance of the SfSunburstChart without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfSunburstChartTheme">CustomTheme</x:String> Blue Green </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfSunburstChartBackgroundColor
<br/>
<br/>
</td>
<td>
Color of sunburst background.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfSunburstSelectionColor
<br/>
<br/>
</td>
<td>
Color of selection when segment is focused in sunburst.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfSunburstSelectionStrokeColor
<br/>
<br/>
</td>
<td>
Color of selection stroke when segment is focused in sunburst.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfSunburstTooltipBorderColor
<br/>
<br/>
</td>
<td>
Color of tooltip border in sunburst.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfSunburstTooltipBackgroundColor
<br/>
<br/>
</td>
<td>
Color of tooltip background in sunburst.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfSunburstTooltipTextColor
<br/>
<br/>
</td>
<td>
Color of tooltip text in sunburst.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|
SfSparkline
<tr>
<td rowspan="12">
SfSparklineStyles
<br/>
<br/>
</td>
<td>
SfSparklineTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, it is possible to customize the appearance of the SfSparkline without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfSparklineTheme">CustomTheme</x:String> Blue Green </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfSparklineAreaBackgroundColor
<br/>
<br/>
</td>
<td>
Color of area sparkline background.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfLineSparklineBackgroundColor
<br/>
<br/>
</td>
<td>
Color of line sparkline background.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfColumnSparklineBackgroundColor
<br/>
<br/>
</td>
<td>
Color of column sparkline background.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfWinLossSparklineBackgroundColor
<br/>
<br/>
</td>
<td>
Color of win loss sparkline background.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfSparklineMarkerBaseColor
<br/>
<br/>
</td>
<td>
Color of marker base in sparkline.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfSparklineAxisStrokeColor
<br/>
<br/>
</td>
<td>
Color of axis stroke in sparkline.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfSparklineRangeBandColor
<br/>
<br/>
</td>
<td>
Color of range band in sparkline.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfWinLossSparklineStrokeColor
<br/>
<br/>
</td>
<td>
Color of stroke color in sparkline.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfWinLossSparklineColor
<br/>
<br/>
</td>
<td>
Color of win loss in sparkline.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfColumnSparklineStrokeColor
<br/>
<br/>
</td>
<td>
Color of stroke in column sparkline.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfColumnSparklineColor
<br/>
<br/>
</td>
<td>
Color of column sparkline.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|
SfTreeMap
<tr>
<td rowspan="6">
SfTreeMapStyles
<br/>
<br/>
</td>
<td>
SfTreeMapTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, it is possible to customize the appearance of the SfTreeMap without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfTreeMapTheme">CustomTheme</x:String> Blue Green </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfTreemapGroupBackgroundColor
<br/>
<br/>
</td>
<td>
Color of group background in treemap.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTreemapLeafItemBorderColor
<br/>
<br/>
</td>
<td>
Color of leaf item border in maps.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTreemapTooltipBackgroundColor
<br/>
<br/>
</td>
<td>
Color of tooltip background in treemap.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTreemapTooltipStrokeColor
<br/>
<br/>
</td>
<td>
Color of tooltip stroke in treemap.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTreemapTooltipTextColor
<br/>
<br/>
</td>
<td>
Color of tooltip text in treemap.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|
SfImageEditor
<tr>
<td rowspan="22">
SfImageEditorStyles
<br/>
<br/>
</td>
<td>
SfImageEditorTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, it is possible to customize the appearance of the SfImageEditor without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfImageEditorTheme">CustomTheme</x:String> Blue Green </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfImageEditorToolbarBackgroundColor
<br/>
<br/>
</td>
<td>
Color of background in image editor.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfImageEditorToolbarTextColor
<br/>
<br/>
</td>
<td>
Color of tool bar text in image editor.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfImageEditorToolbarBorderColor
<br/>
<br/>
</td>
<td>
Color of tool bar border in image editor.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfImageEditorToolbarPressedColor
<br/>
<br/>
</td>
<td>
Color of tool bar item background in image editor when it is in pressed state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfImageEditorToolbarLineSeparatorColor
<br/>
<br/>
</td>
<td>
Color of tool bar line separator in image editor.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfImageEditorToolbarPressedColor
<br/>
<br/>
</td>
<td>
Color of tool bar item in image editor when it is selected.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfImageEditorDeleteBackgroundColor
<br/>
<br/>
</td>
<td>
Color of delete background in image editor.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfImageEditorDeletePressedColor
<br/>
<br/>
</td>
<td>
Color of delete background in image editor when it is in pressed state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SyncPrimaryColor
<br/>
<br/>
</td>
<td>
Color of slider progress in image editor.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfImageEditorToolbarColorPaletteHighlightColor
<br/>
<br/>
</td>
<td>
Color of toolbar color palette border in image editor.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfImageEditorBackgroundColor
<br/>
<br/>
</td>
<td>
Color of ImageEditor control background.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfImageEditorTextPreviewerEditTextColor
<br/>
<br/>
</td>
<td>
Color of Text previewer window EditText in Image editor.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfImageEditorTextPreviewerBackgroundColor
<br/>
<br/>
</td>
<td>
Color of Text previewer window background in Image editor.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SyncPrimaryLightColor
<br/>
<br/>
</td>
<td>
Color of Text previewer window button text in Image editor.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfImageEditorTextPreviewerButtonBackgroundColor
<br/>
<br/>
</td>
<td>
Color of Text previewer window button background in Image editor.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SyncPrimaryForegroundColor
<br/>
<br/>
</td>
<td>
Color of Text previewer window button background in Image editor when it is in pressed state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfImageEditorTextPreviewerButtonTextColor
<br/>
<br/>
</td>
<td>
Color of Text previewer window button text color in Image editor.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SyncPrimaryLightColor
<br/>
<br/>
</td>
<td>
Color of CheckBox stroke in Image editor.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfImageEditorDeleteBorderColor
<br/>
<br/>
</td>
<td>
Color of delete border in Image editor.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTextPreviewerButtonDisabledColor
<br/>
<br/>
</td>
<td>
Color of Text previewer window button background in Image editor when it is disabled.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfTextPreviewerButtonDisabledTextColor
<br/>
<br/>
</td>
<td>
Color of Text previewer window button text in Image editor when it is disabled.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|
SfAutoComplete
<tr>
<td rowspan="14">
SfAutoCompleteStyles
<br/>
<br/>
</td>
<td>
SfAutoCompleteTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfAutoComplete without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfAutoCompleteTheme">CustomTheme</x:String> Red Green </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfAutoCompleteDropDownBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the drop-down box.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfAutoCompleteDropDownTextColor
<br/>
<br/>
</td>
<td>
Text color of items in the drop-down box.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfAutoCompleteTokenBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of token.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfAutoCompleteTokenTextColor
<br/>
<br/>
</td>
<td>
Color of token's text.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfAutoCompleteTokenDeleteButtonColor
<br/>
<br/>
</td>
<td>
Color of token's delete button.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SyncPrimaryColor |
Color of indicator text in AutoComplete.
|
|
|
SyncPrimaryLightColor |
Color of highlighted text in AutoComplete.
|
|
|
SfAutoCompleteBackgroundColor |
Background color of AutoComplete.
|
|
|
SfAutoCompleteTextColor |
Text color of AutoComplete.
|
|
|
SfAutoCompleteBorderColor |
Border color of AutoComplete.
|
|
|
SfAutoCompleteClearButtonColor
|
Color of the close button when enter the input text.
|
|
|
SfAutoCompleteWatermarkColor
|
Color of AutoComplete's watermark text.
|
SfBusyIndicator
<tr>
<td rowspan="3">
SfBusyIndicatorStyles
<br/>
<br/>
</td>
<td>
SfBusyIndicatorTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfBusyIndicator without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfBusyIndicatorTheme">CustomTheme</x:String> Black </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SyncPrimaryColor
|
Color of the SfBusyIndicator text.
|
SfButton
<tr>
<td rowspan="5">
SfButtonStyles
<br/>
<br/>
</td>
<td>
SfButtonTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfButton without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfButtonTheme">CustomTheme</x:String> Black White </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SyncPrimaryDarkColor
<br/>
<br/>
</td>
<td>
Color of the button when it is in the pressed state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SyncPrimaryForegroundColor
<br/>
<br/>
</td>
<td>
Text color of the SfButton.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SyncPrimaryColor
|
Background color of the SfButton.
|
|
|
Border color of the SfButton.
|
SfSwitch
<tr>
<td rowspan="24">
SfSwitchStyles
<br/>
<br/>
</td>
<td>
SfSwitchTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfSwitch without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfSwitchTheme">CustomTheme</x:String> Black White </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td rowspan="6">
SyncPrimaryColor
<br/>
<br/>
</td>
<td>
Thumb color of the material switch in On state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Thumb border color of the material switch in On state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Track color of the Cupertino switch in On state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Track border color of the Cupertino switch in On state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Track color of the Fluent switch in On state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Track border color of the Fluent switch in On state.
<br/>
<br/>
</td>
</tr>
<tr>
<td rowspan="4">
SyncPrimaryForegroundColor
<br/>
<br/>
</td>
<td>
Thumb color of the Cupertino switch in On state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Thumb border color of the Cupertino switch in On state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Thumb color of the Fluent switch in On state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
Thumb border color of the Fluent switch in On state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
MaterialOffThumbColor
<br/>
<br/>
</td>
<td>
Thumb color of the material switch in off state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
MaterialOffTrackColor
<br/>
<br/>
</td>
<td>
Track color of the material switch in off state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
MaterialOffThumbBorderColor
<br/>
<br/>
</td>
<td>
Thumb border color of the material switch in off state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
MaterialOffTrackBorderColor
<br/>
<br/>
</td>
<td>
Track border color of the material switch in off state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
MaterialIndeterminateTrackColor
<br/>
<br/>
</td>
<td>
Indeterminate track color of the material switch.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
MaterialIndeterminateTrackBorderColor
<br/>
<br/>
</td>
<td>
Indeterminate track border color of the material switch.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
CupertinoOffThumbBorderColor
<br/>
<br/>
</td>
<td>
Thumb border color of the Cupertino switch in off state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
CupertinoOffTrackColor
<br/>
<br/>
</td>
<td>
Track color of the Cupertino switch in off state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
CupertinoOffTrackBorderColor
<br/>
<br/>
</td>
<td>
Track border color of the Cupertino switch in off state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
FluentOffThumbColor
<br/>
<br/>
</td>
<td>
Thumb color of the fluent switch in off state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
FluentOffTrackColor
<br/>
<br/>
</td>
<td>
Track color of the fluent switch in off state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
FluentOffThumbBorderColor
<br/>
<br/>
</td>
<td>
Thumb border color of the fluent switch in off state.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
FluentOffTrackBorderColor
<br/>
<br/>
</td>
<td>
Border color of the fluent switch in off state.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|
SfBorder
<tr>
<td rowspan="3">
SfBorderStyles
<br/>
<br/>
</td>
<td>
SfBorderTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfBorder without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfBorderTheme">CustomTheme</x:String> LightGray Gray </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfBorderBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of the border.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfBorderBorderColor
<br/>
<br/>
</td>
<td>
Border color of the border control.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|
SfCarousel
<tr>
<td rowspan="3">
SfCarouselStyles
<br/>
<br/>
</td>
<td>
SfCarouselTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfCarousel without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfCarouselTheme">CustomTheme</x:String> White </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SfCarouselBackgroundColor
|
Background color of the SfCarousel.
|
SfCheckBox
<tr>
<td rowspan="5">
SfCheckBoxStyles
<br/>
<br/>
</td>
<td>
SfCheckBoxTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfCheckBox without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfCheckBoxTheme">CustomTheme</x:String> White Black </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SfCheckBoxUncheckedColor
|
Color of unchecked item.
|
|
|
SyncPrimaryColor
|
Color of checked item.
|
|
|
SfCheckBoxBackgroundColor
|
Background color of the SfCheckBox.
|
|
|
SfCheckBoxTextColor
|
Text color of the SfCheckBox.
|
SfChip
<tr>
<td rowspan="7">
SfChipStyles
<br/>
<br/>
</td>
<td>
SfChipTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfChip without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfChipTheme">CustomTheme</x:String> LightGray Transparent </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SfChipTextColor |
Color of the text in the SfChip.
|
|
|
SfChipCloseButtonColor
|
Color of the close button in SfChip.
|
|
|
SfChipSelectionIndicatorColor.
|
Color of the selection indicator in SfChip.
|
|
|
SfChipBackgroundColor
|
Background color of the SfChip.
|
|
|
SfChipBorderColor
|
Border color of the SfChip.
|
SfChipGroup
<tr>
<td rowspan="8">
SfChipGroupStyles
<br/>
<br/>
</td>
<td>
SfChipGroupTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfChipGroup without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfChipGroupTheme">CustomTheme</x:String> Blue Transparent </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SfChipGroupTextColor |
Color of the text in SfChipGroup.
|
|
|
SfChipGroupCloseButtonColor
|
Color of the close button in SfChipGroup.
|
|
|
SfChipSelectionIndicatorColor.
|
Color of the selection indicator in SfChipGroup.
|
|
|
SfChipGroupBackgroundColor
|
Background color of SfChipGroup.
|
|
|
SfChipGroupBorderColor
|
Border color of SfChipGroup.
|
|
|
SyncPrimaryColor
|
Background color of the selected chip in SfChipGroup.
|
|
|
SyncPrimaryForegroundColor
|
Text color of the selected chip in SfChipGroup.
|
SfComboBox
<tr>
<td rowspan="18">
SfComboBoxStyles
<br/>
<br/>
</td>
<td>
SfComboBoxTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfComboBox without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfComboBoxTheme">CustomTheme</x:String> White Black </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SyncPrimaryColor |
Color of indicator text in ComboBox. |
|
|
SyncPrimaryLightColor |
Color of highlighted text in ComboBox.
|
|
|
SfComboBoxBackgroundColor |
BackgroundColor of SfComboBox.
|
|
|
SfComboBoxTextColor |
Text color of SfComboBox.
|
|
|
SfComboBoxBorderColor |
Border color of SfComboBox.
|
|
|
SfComboBoxClearButtonColor
|
Color of the close button in SfComboBox.
|
|
|
SfComboBoxWatermarkColor
|
Color of the watermark's text in SfComboBox.
|
|
|
SfComboBoxDropDownBackgroundColor
|
Background color of the suggestion box in SfComboBox.
|
|
|
SfComboBoxSelectedDropDownItemColor |
Color of the suggestion box's item in SfComboBox.
|
|
|
SfComboBoxDropDownTextColor
|
Color of the suggestion box's text in SfComboBox.
|
|
|
SfComboBoxTokenBackgroundColor
|
Background color of the token in SfComboBox.
|
|
|
SfComboBoxTokenTextColor
|
Color of the token's text in SfComboBox.
|
|
|
SfComboBoxTokenDeleteButtonColor
|
Color of the token's delete button in SfComboBox.
|
|
|
SfComboBoxDropDownButtonBackgroundColor
|
Background color of the drop-down button in SfComboBox.
|
|
|
SfComboBoxDropDownButtonTextColor
|
Color of the drop-down button's text in SfComboBox.
|
|
|
SfComboBoxHighlightedDropDownButtonBackgroundColor
|
Highlighted Background color of the drop-down button in SfComboBox.
|
SfNavigationDrawer
<tr>
<td rowspan="5">
SfNavigationDrawerStyles
<br/>
<br/>
</td>
<td>
SfNavigationDrawerTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfNavigationDrawer without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfNavigationDrawerTheme">CustomTheme</x:String> Black </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SfNavigationDrawerBackgroundColor
|
Background color of the SfNavigationDrawer.
|
SfPicker
<tr>
<td rowspan="10">
SfPickerStyles
<br/>
<br/>
</td>
<td>
SfPickerTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfPicker without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfPickerTheme">CustomTheme</x:String> Black Red </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SyncPrimaryColor
|
Background color of header in SfPicker.
|
|
|
SyncPrimaryLightColor
|
Color of SelectedItem's text in SfPicker.
|
|
|
SyncPrimaryForegroundColor
|
Color of Header's text in SfPicker.
|
|
|
SfPickerUnselectedItemTextColor
|
Color of UnSelectedItem's text in SfPicker.
|
|
|
SfPickerColumnHeaderTextColor
|
Color of column header's text in SfPicker.
|
|
|
SfPickerColumnHeaderBackgroundColor
|
Background color of theColumn header in SfPicker.
|
|
|
SfPickerSelectionBackgroundColor
|
Background color of the selected item in SfPicker.
|
|
|
SfPickerBackgroundColor
|
Background color of the SfPicker.
|
|
|
SfPickerBorderColor
|
Border color of the SfPicker.
|
SfRadioButton
<tr>
<td rowspan="5">
SfRadioButtonStyles
<br/>
<br/>
</td>
<td>
SfRadioButtonTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfRadioButton without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfRadioButtonTheme">CustomTheme</x:String> White Black </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SyncPrimaryColor
|
Color of checked item.
|
|
|
SfRadioButtonUncheckedColor
|
Color of unchecked item.
|
|
|
SfRadioButtonBackgroundColor
|
Background color of the SfRadioButton.
|
|
|
SfRadioButtonTextColor
|
Text color of the SfRadioButton.
|
SfRadialMenu
<tr>
<td rowspan="9">
SfRadialMenuStyles
<br/>
<br/>
</td>
<td>
SfRadialMenuTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfRadialMenu without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfRadialMenuTheme">CustomTheme</x:String> Gray White </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SfRadialMenuPressedColor
|
Selection color of SfRadialMenu.
|
|
|
SfRadialMenuCenterButtonBorderColor
|
Color of the center button's border in SfRadialMenu.
|
|
|
SfRadialMenuCenterButtonBackgroundColor
|
Color of the center button's background in SfRadialMenu.
|
|
|
SfRadialMenuCenterButtonTextColor
|
Color of the center button's text in SfRadialMenu.
|
|
|
SfRadialMenuRimColor
|
Color of the rim when tap the center button of SfRadialMenu.
|
|
|
SfRadialMenuSeparatorColor
|
Color of separator that appears between two items in SfRadialMenu.
|
|
|
SfRadialMenuTextColor
|
Color of RadialMenu's text.
|
|
|
SfRadialMenuIconFontColor
|
Color of font icon in SfRadialMenu.
|
SfRangeSlider
<tr>
<td rowspan="9">
SfRangeSliderStyles
<br/>
<br/>
</td>
<td>
SfRangeSliderTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfRangeSlider without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfRadialMenuTheme">CustomTheme</x:String> White Gray </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfRangeSliderBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of SfRangeSlider.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfRangeSliderTickColor
<br/>
<br/>
</td>
<td>
Color for ticks in SfRangeSlider.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfRangeSliderLabelColor
<br/>
<br/>
</td>
<td>
Color of SfRangeSlider's label.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfRangeSliderUnselectedTrackColor
<br/>
<br/>
</td>
<td>
Color of unselected track in SfRangeSlider.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfRangeSliderToolTipBackgroundColor
<br/>
<br/>
</td>
<td>
Background color of tooltip in SfRangeSlider.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfRangeSliderToolTipTextColor
<br/>
<br/>
</td>
<td>
Color of tooltip's text in SfRangeSlider.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SyncPrimaryColor |
Selection color of track in SfRangeSlider.
|
|
|
Knob color in SfRangeSlider
|
SfRating
<tr>
<td rowspan="8">
SfRatingStyles
<br/>
<br/>
</td>
<td>
SfRatingTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfRating without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfRatingTheme">CustomTheme</x:String> White Green </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
<tr>
<td>
SfRatingTooltipTextColor
<br/>
<br/>
</td>
<td>
Text color inside the tooltip in SfRating.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfRatingUnratedFillColor
<br/>
<br/>
</td>
<td>
Fill color for unrated items in SfRating.
<br/>
<br/>
</td>
</tr>
<tr>
<td>
SfRatingUnratedStrokeColor
<br/>
<br/>
</td>
<td>
Stroke color for unrated items in SfRating.
<br/>
<br/>
</td>
</tr>
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SyncPrimaryColor |
Stroke color of rated items.
|
|
|
Fill color of rated items.
|
||
|
SfRatingTooltipBackgroundColor
|
Background color of the tooltip in SfRating.
|
SfRotator
<tr>
<td rowspan="4">
SfRotatorStyles
<br/>
<br/>
</td>
<td>
SfRotatorTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfRotator without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfRotatorTheme">CustomTheme</x:String> White Gray </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SyncPrimaryColor
|
Color of selected dots in SfRotator.
|
|
|
SfRotatorUnselectedDotColor
|
Color of Unselected dots in SfRotator.
|
|
|
SfRotatorDotsBorderColor
|
Color of dots border in SfRotator.
|
SfSegmentedControl
<tr>
<td rowspan="8">
SfSegmentedControlStyles
<br/>
<br/>
</td>
<td>
SfSegmentedControlTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfSegmentedControl without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms" ...> <Application.Resources> syncCore:SyncfusionThemeDictionary syncCore:SyncfusionThemeDictionary.MergedDictionaries <x:String x:Key="SfSegmentedControlTheme">CustomTheme</x:String> Gray White </syncCore:SyncfusionThemeDictionary.MergedDictionaries> </syncCore:SyncfusionThemeDictionary> </Application.Resources>
....
{% endhighlight %}
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SyncPrimaryForegroundColor
|
Text color of selected item in the SfSegmentedControl.
|
|
|
SfSegmentFontIconFontColor
|
Color of font icon in the SfSegmentedControl.
|
|
|
SfSegmentFontColor
|
Color of font in the SfSegmentedControl.
|
|
|
SfSegmentedControlBorderColor
|
Color of segment's border in the SfSegmentedControl.
|
|
|
SfSegmentColor
|
Color of segment in the SfSegmentedControl.
|
|
|
SyncPrimaryColor
|
Background color of the selected item in the SfSegmentedControl.
|
SfTabView
<tr>
<td rowspan="8">
SfTabViewStyles
<br/>
<br/>
</td>
<td>
SfTabViewTheme
<br/>
<br/>
</td>
<td>
By merging this key in application resources, you can customize the appearance of SfTabView without merging common theme resource and control style resource dictionaries.
{% highlight xaml %}
<Application xmlns:syncTheme="clr-namespace:Syncfusion.XForms.Themes;assembly=Syncfusion.Core.XForms"
...>
<Application.Resources>
syncCore:SyncfusionThemeDictionary
syncCore:SyncfusionThemeDictionary.MergedDictionaries
<x:String x:Key="SfTabViewTheme">CustomTheme</x:String>
Red
</syncCore:SyncfusionThemeDictionary.MergedDictionaries>
</syncCore:SyncfusionThemeDictionary>
</Application.Resources>
....
{% endhighlight %}
| Theme Dictionary |
Keys
|
Description
|
|---|---|---|
|
SfTabItemFontColor
|
Font color of title in SfTabView.
|
|
|
Font color of font icon in SfTabView.
|
||
|
SyncPrimaryColor
|
Background color of tab header in SfTabView.
|
|
|
SyncPrimaryForegroundColor
|
Selection color of tab item in SfTabView.
|
|
|
Color of selection indicator in SfTabView.
|