diff --git a/MAUI/DataForm/Validation.md b/MAUI/DataForm/Validation.md index d3a0110d4a..f1a0fc75bc 100644 --- a/MAUI/DataForm/Validation.md +++ b/MAUI/DataForm/Validation.md @@ -197,6 +197,58 @@ private void OnDataFormValidateProperty(object sender, DataFormValidatePropertyE The data form supports customizing the style of both error and valid message label style easily. +## Show/Hide error label visiblity customization + +The error label visiblity can be customized by switching it's value between true or false by changing ShowErrorLabel property of the [DataformItem](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataForm.DataFormItem.html?tabs=tabid-53%2Ctabid-58%2Ctabid-100%2Ctabid-33%2Ctabid-38%2Ctabid-6%2Ctabid-1%2Ctabid-28%2Ctabid-63%2Ctabid-8%2Ctabid-48%2Ctabid-96%2Ctabid-68%2Ctabid-76%2Ctabid-18%2Ctabid-13%2Ctabid-23%2Ctabid-72%2Ctabid-84%2Ctabid-92%2Ctabid-80%2Ctabid-88%2Ctabid-43) + +{% tabs %} +{% highlight xaml tabtitle="MainPage.xaml" hl_lines="6" %} + + + + + + + + + +{% endhighlight %} +{% highlight c# tabtitle="MainPage.xaml.cs" hl_lines="2" %} + +this.dataForm.AutoGenerateItems = false; +this.TextItem.ShowErrorLabel = false; + +{% endhighlight %} +{% endtabs %} + +## Show/Hide valid label visiblity customization + +The valid message label visiblity can be customized by switching it's value between true or false by changing ShowValidMessageLabel property of the [DataformItem](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataForm.DataFormItem.html?tabs=tabid-53%2Ctabid-58%2Ctabid-100%2Ctabid-33%2Ctabid-38%2Ctabid-6%2Ctabid-1%2Ctabid-28%2Ctabid-63%2Ctabid-8%2Ctabid-48%2Ctabid-96%2Ctabid-68%2Ctabid-76%2Ctabid-18%2Ctabid-13%2Ctabid-23%2Ctabid-72%2Ctabid-84%2Ctabid-92%2Ctabid-80%2Ctabid-88%2Ctabid-43) + +{% tabs %} +{% highlight xaml tabtitle="MainPage.xaml" hl_lines="6" %} + + + + + + + + + +{% endhighlight %} +{% highlight c# tabtitle="MainPage.xaml.cs" %} + +this.dataForm.AutoGenerateItems = false; +this.TextItem.ShowErrorLabel = false; + +{% endhighlight %} +{% endtabs %} + #### Customize error label text style The error label style can be customized by changing the [ErrorLabelTextStyle](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataForm.SfDataForm.html#Syncfusion_Maui_DataForm_SfDataForm_ErrorLabelTextStyle) property of the [SfDataForm](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.DataForm.SfDataForm.html). diff --git a/MAUI/Scheduler/agenda-view.md b/MAUI/Scheduler/agenda-view.md index 1d002c8dc3..d7e013ccb3 100644 --- a/MAUI/Scheduler/agenda-view.md +++ b/MAUI/Scheduler/agenda-view.md @@ -308,6 +308,43 @@ this.Scheduler.AppointmentTextStyle = appointmentTextStyle; ![appointment-text-appearence-customization-in-maui-scheduler](images/agenda-view/appointment-text-appearence-customization-in-maui-scheduler.png) +## No Events text color customization +The No events text style can be customized by using the NoEventsTextStyle property of [SfScheduler](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SfScheduler.html). + +{% tabs %} +{% highlight XAML hl_lines="6 7 8" %} + + + + + + + + + + + +{% endhighlight %} +{% highlight C# hl_lines="10" %} + + // Customizing the No events text style in agenda view + var textStyle = new SchedulerTextStyle() + { + TextColor = Colors.DarkSlateGrey, + FontAttributes = FontAttributes.Italic, + FontSize = 15, + FontAutoScalingEnabled = true + }; +// Setting the TextStyle for the NoEvets text. + this.scheduler.AgendaView.NoEventsTextStyle = textStyle; + +{% endhighlight %} +{% endtabs %} + +N> When there is No appointments in Current Date and [DisplayDate](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SfScheduler.html#Syncfusion_Maui_Scheduler_SfScheduler_DisplayDate) of the scheduler [AgendaView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerAgendaView.html), No Events Text will appear. + ## Change the appointment time format You can customize the appointment time format of the scheduler by using the [AppointmentTimeFormat](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerAgendaView.html#Syncfusion_Maui_Scheduler_SchedulerAgendaView_AppointmentTimeFormat) property of [AgendaView](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Scheduler.SchedulerAgendaView.html). diff --git a/MAUI/Segmented-Control/selection.md b/MAUI/Segmented-Control/selection.md index c52673418a..dc924cb7b0 100644 --- a/MAUI/Segmented-Control/selection.md +++ b/MAUI/Segmented-Control/selection.md @@ -268,7 +268,7 @@ N> The `Background` property of `SelectionIndicatorSettings` is applicable only Customize the selected segment background of each segment item using the [SelectedSegmentBackground](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Buttons.SfSegmentItem.html#Syncfusion_Maui_Buttons_SfSegmentItem_SelectedSegmentBackground) property of [SfSegmentItem](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Buttons.SfSegmentItem.html). {% tabs %} -{% highlight C# tabtitle="MainPage.xaml.cs"%} +{% highlight C# tabtitle="MainPage.xaml.cs" %} using Syncfusion.Maui.Buttons; . . . @@ -344,7 +344,7 @@ public partial class MainPage : ContentPage Customize the selected segment text color of each segment item using the [SelectedSegmentTextColor](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Buttons.SfSegmentItem.html#Syncfusion_Maui_Buttons_SfSegmentItem_SelectedSegmentTextColor) property of [SfSegmentItem](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Buttons.SfSegmentItem.html). {% tabs %} -{% highlight C# tabtitle="MainPage.xaml.cs"%} +{% highlight C# tabtitle="MainPage.xaml.cs" %} using Syncfusion.Maui.Buttons; . . . @@ -460,6 +460,46 @@ public partial class MainPage : ContentPage ![Selected segment border thickness customization in .NET MAUI Segmented control.](images/selection/border-stroke-thickness.png) +## Customizing the ripple effect animation of the segments + +The ripple effect of the segments when the segment clicked can be customized by switching between true or false by using the property of [EnableRippleEffect](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Core.ButtonBase.html#Syncfusion_Maui_Core_ButtonBase_EnableRippleEffect) in the [SfSegmentedControl](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Buttons.SfSegmentedControl.html) + +{% tabs %} +{% highlight xaml tabtitle="MainPage.xaml" hl_lines="2" %} + + + + + Day + Week + Month + Year + + + + +{% endhighlight %} +{% endtabs %} + +{% tabs %} +{% highlight xaml tabtitle="MainPage.xaml.cs" hl_lines="10" %} + + SfSegmentedControl segmentedControl = new SfSegmentedControl(); + List itemList = new List + { + new SfSegmentItem() {Text = "Day"}, + new SfSegmentItem() {Text = "Week"}, + new SfSegmentItem() {Text = "Month"}, + new SfSegmentItem() {Text = "Year"}, + }; + segmentedControl.ItemsSource = itemList; + segmentedControl.EnableRippleEffect = false; + this.Content = segmentedControl; + +{% endhighlight %} +{% endtabs %} + ## Notifying segment selection changes The [SelectionChanged](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Buttons.SfSegmentedControl.html#Syncfusion_Maui_Buttons_SfSegmentedControl_SelectionChanged) event is triggered once the segment is selected in the segmented control. The [SelectionChangedEventArgs](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Buttons.SelectionChangedEventArgs.html) has the following values, which provide information for the `SelectionChanged` event. diff --git a/MAUI/Toolbar/customization.md b/MAUI/Toolbar/customization.md index e061b8befc..ebc6545526 100644 --- a/MAUI/Toolbar/customization.md +++ b/MAUI/Toolbar/customization.md @@ -18,6 +18,7 @@ The toolbar control supports customization of toolbar items using properties [Is * **IsEnabled** : This property is used to enable or disable the toolbar item. * **TextStyle** : This property is used to customize the text style of the toolbar item. * **Color** : This property is used to set color for the icon in the toolbar. +* **SelectionHighlightColor** : This property is used to set the color for the selected toolbar item. The following code sample demonstrates how to create a toolbar control with toolbar Items customization. @@ -210,11 +211,95 @@ The following code sample demonstrates how to create a toolbar control with tool ![toolbar-items-customization](images/toolbaritem-customization.png) +## Selected Item Highlight Color Customization +This Property used to customize the highlight color of the selected toolbar item using the property of SelectionHighlightColor in the [SfToolbarItem](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Toolbar.SfToolbarItem.html). + +{% tabs %} +{% highlight xaml tabtitle="MainPage.xaml" hl_lines="5 9 13 21" %} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +{% endhighlight %} +{% endtabs %} + +{% tabs %} +{% highlight c# tabtitle="MainPage.xaml.cs" %} + +SfToolbar toolbar = new SfToolbar(); +toolbar.HeightRequest = 56; +SfToolbarItem toolbarItem = new SfToolbarItem +{ + Name = "Bold", + Text = "Bold", + SelectionHighlightColor = Colors.Transparent, + Icon = new FontImageSource() + { + Glyph = "\uE770", + FontFamily = "MaterialAssets" + + }; +} +toolbar.Items.Add(toolbarItem); +this.Content = toolbar; + +{% endhighlight %} +{% endtabs %} + ## Separator Item Customization The toolbar control supports customization of separator item using properties [Stroke](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Toolbar.SeparatorToolbarItem.html#Syncfusion_Maui_Toolbar_SeparatorToolbarItem_Stroke) and [StrokeThickness](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.Toolbar.SeparatorToolbarItem.html#Syncfusion_Maui_Toolbar_SeparatorToolbarItem_StrokeThickness). - * **Stroke** : This property is used to customize the stroke color of the separator item. * **StrokeThickness** : This property is used to customize the stroke thickness of the separator item.