Skip to content

Commit e542932

Browse files
Merge pull request #3907 from syncfusion-content/themekey_assistview
Prepare UG for SfAIAssistView feature theme keys.
2 parents 583df44 + 5789bb1 commit e542932

File tree

1 file changed

+112
-0
lines changed

1 file changed

+112
-0
lines changed

MAUI/AIAssistView/styles.md

Lines changed: 112 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1181,3 +1181,115 @@ public MainPage()
11811181
{% endtabs %}
11821182

11831183
![Common suggestion style in .NET MAUI AI AssistView](Images/styles/maui-aiassistview-styles-commonsuggestion.png)
1184+
1185+
## Scroll to bottom button style
1186+
1187+
To style the scroll to bottom button view based on its appearance, set values to the in-built keys in the resource dictionary.
1188+
1189+
<table>
1190+
<tr>
1191+
<th> Key </th>
1192+
<th> Description </th>
1193+
</tr>
1194+
<tr>
1195+
<td> SfAIAssistViewScrollToBottomButtonBackground </td>
1196+
<td> Background color of the scroll to bottom button view. </td>
1197+
</tr>
1198+
<tr>
1199+
<td> SfAIAssistViewScrollToBottomButtonIconColor </td>
1200+
<td> Color of the scroll to bottom button. </td>
1201+
</tr>
1202+
</table>
1203+
1204+
{% tabs %}
1205+
{% highlight xaml %}
1206+
1207+
<ContentPage.Resources>
1208+
<core:SyncfusionThemeDictionary>
1209+
<core:SyncfusionThemeDictionary.MergedDictionaries>
1210+
<ResourceDictionary>
1211+
<x:String x:Key="SfAIAssistViewTheme">CustomTheme</x:String>
1212+
<Color x:Key="SfAIAssistViewScrollToBottomButtonBackground">Orange</Color>
1213+
<Color x:Key="SfAIAssistViewScrollToBottomButtonIconColor">White</Color>
1214+
</ResourceDictionary>
1215+
</core:SyncfusionThemeDictionary.MergedDictionaries>
1216+
</core:SyncfusionThemeDictionary>
1217+
</ContentPage.Resources>
1218+
1219+
{% endhighlight %}
1220+
{% highlight c# %}
1221+
1222+
public MainPage()
1223+
{
1224+
InitializeComponent();
1225+
ResourceDictionary dictionary = new ResourceDictionary();
1226+
dictionary.Add("SfAIAssistViewTheme", "CustomTheme");
1227+
dictionary.Add("SfAIAssistViewScrollToBottomButtonBackground", Colors.Orange);
1228+
dictionary.Add("SfAIAssistViewScrollToBottomButtonIconColor", Colors.White);
1229+
this.Resources.Add(dictionary);
1230+
}
1231+
1232+
{% endhighlight %}
1233+
{% endtabs %}
1234+
1235+
## Action button style
1236+
1237+
To style the action button view based on its appearance, set values to the in-built keys in the resource dictionary.
1238+
1239+
<table>
1240+
<tr>
1241+
<th> Key </th>
1242+
<th> Description </th>
1243+
</tr>
1244+
<tr>
1245+
<td> SfAIAssistViewActionButtonBackground </td>
1246+
<td> Background color of the action button. </td>
1247+
</tr>
1248+
<tr>
1249+
<td> SfAIAssistViewActionButtonIconColor </td>
1250+
<td> Color of the action button. </td>
1251+
</tr>
1252+
<tr>
1253+
<td> SfAIAssistViewActionButtonViewTextColor </td>
1254+
<td> Text color of an item in the action button. </td>
1255+
</tr>
1256+
<tr>
1257+
<td> SfAIAssistViewActionButtonsPopupBackground </td>
1258+
<td> Background color of the action buttons view. </td>
1259+
</tr>
1260+
</table>
1261+
1262+
{% tabs %}
1263+
{% highlight xaml %}
1264+
1265+
<ContentPage.Resources>
1266+
<core:SyncfusionThemeDictionary>
1267+
<core:SyncfusionThemeDictionary.MergedDictionaries>
1268+
<ResourceDictionary>
1269+
<x:String x:Key="SfAIAssistViewTheme">CustomTheme</x:String>
1270+
<Color x:Key="SfAIAssistViewActionButtonBackground">Orange</Color>
1271+
<Color x:Key="SfAIAssistViewActionButtonIconColor">White</Color>
1272+
<Color x:Key="SfAIAssistViewActionButtonViewTextColor">Black</Color>
1273+
<Color x:Key="SfAIAssistViewActionButtonsPopupBackground">LightGray</Color>
1274+
</ResourceDictionary>
1275+
</core:SyncfusionThemeDictionary.MergedDictionaries>
1276+
</core:SyncfusionThemeDictionary>
1277+
</ContentPage.Resources>
1278+
1279+
{% endhighlight %}
1280+
{% highlight c# %}
1281+
1282+
public MainPage()
1283+
{
1284+
InitializeComponent();
1285+
ResourceDictionary dictionary = new ResourceDictionary();
1286+
dictionary.Add("SfAIAssistViewTheme", "CustomTheme");
1287+
dictionary.Add("SfAIAssistViewActionButtonBackground", Colors.Orange);
1288+
dictionary.Add("SfAIAssistViewActionButtonIconColor", Colors.White);
1289+
dictionary.Add("SfAIAssistViewActionButtonViewTextColor", Colors.Black);
1290+
dictionary.Add("SfAIAssistViewActionButtonsPopupBackground", Colors.LightGray);
1291+
this.Resources.Add(dictionary);
1292+
}
1293+
1294+
{% endhighlight %}
1295+
{% endtabs %}

0 commit comments

Comments
 (0)