diff --git a/Xamarin-iOS/SfCheckBox/Event.md b/Xamarin-iOS/SfCheckBox/Event.md index f9ec500d..242654d2 100644 --- a/Xamarin-iOS/SfCheckBox/Event.md +++ b/Xamarin-iOS/SfCheckBox/Event.md @@ -1,20 +1,20 @@ --- layout: post -title: Event in SfCheckBox for Xamarin.iOS platform -description: Learn how to customize the basic features of SfCheckBox -platform: Xamarin.iOS +title: Event in Syncfusion® SfCheckBox for Xamarin.iOS +description: Learn how to handle and customize events in SfCheckBox including state change, click, and validation event handling +platform: xamarin.ios control: SfCheckBox documentation: ug keywords: button, SfCheckBox, CheckBox --- -# Event +# Events ## StateChanged event -Occurs when the value(state) of the `IsChecked` property is changed by either touching the check box or setting the value to the `IsChecked` property using C# code. The event arguments are of type `StateChangedEventArgs` and expose the following property: +The `StateChanged` event occurs when the value (state) of the `IsChecked` property is changed by either touching the checkbox or setting the value to the `IsChecked` property using C# code. The event arguments are of type `StateChangedEventArgs` and expose the following property: -* `IsChecked`: The new value(state) of the `IsChecked` property. +* `IsChecked`: The new value (state) of the `IsChecked` property. {% tabs %} {% highlight c# %} @@ -42,8 +42,7 @@ private void CheckBox_StateChanged(object sender, StateChangedEventArgs e) {% endhighlight %} {% endtabs %} -![](Images/Event1.png) -![](Images/Event2.png) -![](Images/Event3.png) - +![StateChanged event - Unchecked state](Images/Event1.png) +![StateChanged event - Checked state](Images/Event2.png) +![StateChanged event - Indeterminate state](Images/Event3.png) This demo can be downloaded from this [link](http://files2.syncfusion.com/Xamarin.iOS/Samples/CheckBox_Event.zip). \ No newline at end of file diff --git a/Xamarin-iOS/SfCheckBox/Getting-Started.md b/Xamarin-iOS/SfCheckBox/Getting-Started.md index 4bfddb81..58176343 100644 --- a/Xamarin-iOS/SfCheckBox/Getting-Started.md +++ b/Xamarin-iOS/SfCheckBox/Getting-Started.md @@ -9,11 +9,11 @@ keywords: button, SfCheckBox, CheckBox --- -# Getting Started Xamarin.iOS Checkbox (SfCheckbox) -This section explains the steps required to configure the `SfCheckBox` control in a real-time scenario and provides a walk-through on some of the customization features available in `SfCheckBox` control. +# Getting Started with Xamarin.iOS CheckBox (SfCheckBox) +This section explains the steps required to configure the `SfCheckBox` control in a real-time scenario and provides a walk-through on some of the customization features available in the `SfCheckBox` control. ## Add SfCheckBox reference -Syncfusion® Xamarin components are available in [nuget.org](https://www.nuget.org/). To add checkbox to your project, open the NuGet package manager in Visual Studio, and search for "[syncfusion.xamarin.buttons.ios](https://www.nuget.org/packages/Syncfusion.Xamarin.Buttons.IOS)", and then install it. +Syncfusion® Xamarin components are available in [nuget.org](https://www.nuget.org/). To add CheckBox to your project, open the NuGet package manager in Visual Studio, and search for "[syncfusion.xamarin.buttons.ios](https://www.nuget.org/packages/Syncfusion.Xamarin.Buttons.IOS)", and then install it. ![Xamarin.iOS CheckBox NuGet](Images/nuget.png) @@ -22,7 +22,7 @@ N>Starting with v16.2.0.x, if you reference Syncfusion® assemblies from trial s ## Create a Simple SfCheckBox The `SfCheckBox` control is configured entirely in C# code. The following steps explain how to create a `SfCheckBox` and configure its elements: -### Add namespace for referred assemblies +### Add namespace for referenced assemblies {% tabs %} {% highlight c# %} @@ -30,7 +30,7 @@ using Syncfusion.iOS.Buttons; {% endhighlight %} {% endtabs %} -### Refer SfCheckBox control with declared suffix name for Namespace +### Reference SfCheckBox control with declared suffix name for Namespace {% tabs %} {% highlight c# %} @@ -66,7 +66,7 @@ namespace CheckBox_Sample {% endtabs %} ## Setting caption -The check box caption can be defined using the `SetTitle` method of `SfCheckBox`. This caption normally describes the meaning of the check box and it displays next to check box. +The CheckBox caption can be defined using the `SetTitle` method of `SfCheckBox`. This caption normally describes the meaning of the CheckBox and displays next to the CheckBox. {% tabs %} {% highlight c# %} @@ -78,7 +78,8 @@ checkBox.SetTitle("CheckBox",UIControlState.Normal); ![Xamarin.iOS CheckBox caption text](Images/Caption.png) -## Change the check box state +## Change the CheckBox state + The three visual states of `SfCheckBox` are: * Checked @@ -87,7 +88,7 @@ The three visual states of `SfCheckBox` are: ![Xamarin.iOS CheckBox visual states](Images/States.png) -You can change the state of the check box using the `IsChecked` property of `SfCheckBox`. In checked state, a tick mark is added to the visualization of check box. +You can change the state of the CheckBox using the `IsChecked` property of `SfCheckBox`. In the checked state, a tick mark is added to the visualization of the CheckBox. @@ -103,7 +104,7 @@ You can change the state of the check box using the `IsChecked` property of `SfC
-checked +Checked IsChecked @@ -114,7 +115,7 @@ true
-unchecked +Unchecked IsChecked @@ -125,7 +126,7 @@ false
-indeterminate +Indeterminate IsChecked @@ -136,9 +137,9 @@ null
-N>For the check box, to report the indeterminate state, set the `IsThreeState` property to true. +N>For the CheckBox to report the indeterminate state, set the `IsThreeState` property to true. -Check box can be used as a single or as a group. A single check box mostly used for a binary yes/no choice, such as "Remember me?", login scenario, or a terms of service agreement. +CheckBox can be used as a single control or as a group. A single CheckBox is mostly used for a binary yes/no choice, such as "Remember me?", login scenario, or a terms of service agreement. {% tabs %} {% highlight c# %} @@ -150,7 +151,7 @@ checkBox.IsChecked = true; ![Xamarin.iOS CheckBox tri-state](Images/Agree.png) -Multiple check boxes can be used as a group for multi-select scenarios in which a user chooses one or more items from the group of choices that are not mutually exclusive. +Multiple CheckBoxes can be used as a group for multi-select scenarios in which a user chooses one or more items from the group of choices that are not mutually exclusive. {% tabs %} {% highlight c# %} @@ -174,11 +175,11 @@ onion.IsChecked = true; ## Indeterminate -The `SfCheckBox` allows an indeterminate state in addition to the checked and unchecked state. The indeterminate state of the check box is enabled by setting the `IsThreeState` property of the control to `True`. +The `SfCheckBox` allows an indeterminate state in addition to the checked and unchecked states. The indeterminate state of the CheckBox is enabled by setting the `IsThreeState` property of the control to `true`. -N>When the `IsThreeState` property is set to `False` and `IsChecked` property is set to `null`, then the check box will be in unchecked state. +N>When the `IsThreeState` property is set to `false` and the `IsChecked` property is set to `null`, then the CheckBox will be in the unchecked state. -The indeterminate state is used when a group of sub-choices has both checked and unchecked states. In the following example, the "Select all" checkbox has the `IsThreeState` property set to `true`. The "Select all" checkbox is checked if all child elements are checked, unchecked if all the child elements are unchecked, and indeterminate otherwise. +The indeterminate state is used when a group of sub-choices has both checked and unchecked states. In the following example, the "Select all" CheckBox has the `IsThreeState` property set to `true`. The "Select all" CheckBox is checked if all child elements are checked, unchecked if all the child elements are unchecked, and indeterminate otherwise. {% tabs %} {% highlight c# %} @@ -242,6 +243,6 @@ private void CheckBox_StateChanged(object sender, StateChangedEventArgs e) {% endhighlight %} {% endtabs %} -![Xamarin.iOS CheckBox intermediate state](Images/Inter1.png) ![](Images/Inter2.png) +![Xamarin.iOS CheckBox intermediate state](Images/Inter1.png) ![Xamarin.iOS CheckBox intermediate state](Images/Inter2.png) This demo can be downloaded from this [link](https://github.com/SyncfusionExamples/GettingStarted-Sample-CheckBox-Xamarin.iOS/). \ No newline at end of file diff --git a/Xamarin-iOS/SfCheckBox/Overview.md b/Xamarin-iOS/SfCheckBox/Overview.md index 43127a8e..593e9f54 100644 --- a/Xamarin-iOS/SfCheckBox/Overview.md +++ b/Xamarin-iOS/SfCheckBox/Overview.md @@ -1,8 +1,8 @@ --- layout: post -title: Overview in SfCheckBox for Xamarin.iOS platform -description: Learn how to customize the basic features of SfCheckBox -platform: Xamarin.iOS +title: Overview in Syncfusion® SfCheckBox for Xamarin.iOS +description: Learn how to customize the basic features of SfCheckBox including styling, states, and interactive behaviors +platform: xamarin.ios control: SfCheckBox documentation: ug keywords: button, SfCheckBox, CheckBox @@ -10,12 +10,12 @@ keywords: button, SfCheckBox, CheckBox --- # Overview -The check box is a selection control that allows users to select one or more options from a set. The three states of check box are checked, unchecked and indeterminate. +The CheckBox is a selection control that allows users to select one or more options from a set. The three states of CheckBox are checked, unchecked, and indeterminate. -## Key features +## Key features * Supports three states. -* Allow users to select and clear the control by tapping. -* Supports check box color, shape and label text customization. +* Allows users to select and clear the control by tapping. +* Supports CheckBox color, shape, and label text customization. -![](Images/CheckBox_Overview.png) \ No newline at end of file +![SfCheckBox overview for Xamarin.iOS](Images/CheckBox_Overview.png) diff --git a/Xamarin-iOS/SfCheckBox/Visual-Customization.md b/Xamarin-iOS/SfCheckBox/Visual-Customization.md index ddb9a04b..05a7a862 100644 --- a/Xamarin-iOS/SfCheckBox/Visual-Customization.md +++ b/Xamarin-iOS/SfCheckBox/Visual-Customization.md @@ -12,7 +12,7 @@ keywords: button, SfCheckBox, CheckBox # Visual Customization ## Customizing shape -The check box shape can be customized using the `CornerRadius` property. This property specifies the uniform radius value for every corner of the check box. +The CheckBox shape can be customized using the `CornerRadius` property. This property specifies the uniform radius value for every corner of the CheckBox. {% tabs %} {% highlight c# %} @@ -23,10 +23,11 @@ checkBox.CornerRadius = 5.0f; {% endhighlight %} {% endtabs %} -![Checkbox CornerRadius](Images/Radius.png) +![CheckBox CornerRadius](Images/Radius.png) ## Customizing state color -The default state colors can be customized using the `CheckedColor` and `UncheckedColor `properties. The checked/indeterminate state color is updated to the `CheckedColor` property value when the state is changed to the checked/indeterminate.The unchecked state color is updated to the `UncheckedColor` property value when the state is changed to unchecked. +The default state colors can be customized using the `CheckedColor` and `UncheckedColor` properties. The checked/indeterminate state color is updated to the `CheckedColor` property value when the state is changed to checked/indeterminate. The unchecked state color is updated to the `UncheckedColor` property value when the state is changed to unchecked. + {% tabs %} {% highlight c# %} SfCheckBox check = new SfCheckBox(); @@ -44,10 +45,10 @@ indeterminate.CheckedColor = UIColor.Purple; {% endhighlight %} {% endtabs %} -![CheckedColor and UncheckedColor in Checkbox](Images/StateColor.png) +![CheckedColor and UncheckedColor in CheckBox](Images/StateColor.png) ## BorderWidth -The tick box border thickness of the checkbox control can be customized with the `BorderWidth` property. +The tick box border thickness of the CheckBox control can be customized with the `BorderWidth` property. {% tabs %} {% highlight c# %} @@ -69,14 +70,14 @@ check3.UncheckedColor = UIColor.Blue; {% endhighlight %} {% endtabs %} -![Checkbox BorderWidth](Images/BorderWidth.png) +![CheckBox BorderWidth](Images/BorderWidth.png) ## Setting caption text appearance You can customize the display text appearance of the `SfCheckBox` control using the following properties: * `SetTitleColor`: Changes the color of the text. * `HorizontalAlignment`: Changes the horizontal alignment of the caption text. -* `Font`:Changes the font family of the text and sets font attributes(bold/italic/none) of the text and also sets font size of the caption text. +* `Font`: Changes the font family of the text and sets font attributes (bold/italic/none) of the text and also sets font size of the caption text. {% tabs %} {% highlight c# %} @@ -92,6 +93,6 @@ caption.Font = UIFont.FromDescriptor(fontDescriptor.CreateWithTraits(UIFontDescr {% endhighlight %} {% endtabs %} -![Checkbox TextAppearance](Images/CaptionAppearance.png) +![CheckBox TextAppearance](Images/CaptionAppearance.png) -This demo can be downloaded from this [link](http://files2.syncfusion.com/Xamarin.iOS/Samples/CheckBox_VisualCustomization.zip ). \ No newline at end of file +This demo can be downloaded from this [link](http://files2.syncfusion.com/Xamarin.iOS/Samples/CheckBox_VisualCustomization.zip). diff --git a/Xamarin-iOS/SfRangeSlider/Getting-Started.md b/Xamarin-iOS/SfRangeSlider/Getting-Started.md index e9555faf..cfd76db7 100644 --- a/Xamarin-iOS/SfRangeSlider/Getting-Started.md +++ b/Xamarin-iOS/SfRangeSlider/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting started with Syncfusion® RangeSlider control for Xamarin.iOS -description: This section provides the details about initial users on Syncfusion® rangeSlider control for Xamarin.iOS platform +title: Getting Started with Syncfusion® RangeSlider control for Xamarin.iOS +description: This section provides details for initial users on Syncfusion® RangeSlider control for Xamarin.iOS platform platform: xamarin.ios control: RangeSlider documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Getting Started with RangeSlider -This section explains you the steps to configure a RangeSlider  control in a real-time scenario and also provides a walk-through on some of the customization features available in RangeSlider control. +This section explains the steps to configure a RangeSlider control in a real-time scenario and also provides a walk-through on some of the customization features available in the RangeSlider control. ## Referencing Essential Studio® Components in Your Solution @@ -17,13 +17,13 @@ After installing Essential Studio® for Xamarin, you can find all the {Syncfusion Installed location}\Essential Studio {version number}\lib -You have to add the following assembly reference to the iOS unified project +You have to add the following assembly reference to the iOS unified project: iOS-unified\Syncfusion.SfRangeSlider.iOS.dll -### And and Configure the RangeSlider +## Add and Configure the RangeSlider -* Adding reference to RangeSlider. +### Adding Reference to RangeSlider {% tabs %} @@ -35,7 +35,7 @@ iOS-unified\Syncfusion.SfRangeSlider.iOS.dll {% endtabs %} -* Create an instance of SfRangeSlider +### Create an Instance of SfRangeSlider {% tabs %} @@ -48,9 +48,9 @@ iOS-unified\Syncfusion.SfRangeSlider.iOS.dll {% endtabs %} -### Add Values and Scale +## Add Values and Scale -You can set the minimum value for the slider by using the `setMinimum()` and `setMaximum()` properties in the RangeSlider. It can be Numerical values. +You can set the minimum and maximum values for the slider by using the `Minimum` and `Maximum` properties in the RangeSlider. These can be numerical values. {% tabs %} @@ -68,11 +68,11 @@ You can set the minimum value for the slider by using the `setMinimum()` and `se {% endtabs %} -N> Likewise, `RangeStart` and `RangeEnd` can be set that denote the start range and end range values while dual thumb is used. The `ShowRange` property is used to switch between a single thumb and double thumb. The `Orientation` property sets the type of orientation. +> **Note:** The `RangeStart` and `RangeEnd` properties denote the start range and end range values when dual thumb is used. The `ShowRange` property is used to switch between a single thumb and double thumb. The `Orientation` property sets the type of orientation. -### Add Ticks and Labels for RangeSlider +## Add Ticks and Labels for RangeSlider -The ticks can be set by setting the `TickFrequency` and `TickPlacement`. Likewise, value labels can be set by setting the `ShowValueLabel` property to true. The position of label can be varied by the `LabelPlacement` property. +The ticks can be set by configuring the `TickFrequency` and `TickPlacement` properties. Likewise, value labels can be displayed by setting the `ShowValueLabel` property to `true`. The position of the label can be varied using the `ValuePlacement` property. {% tabs %} @@ -87,11 +87,11 @@ The ticks can be set by setting the `TickFrequency` and `TickPlacement`. Likewis {% endtabs %} -N> The TickFrequency determines the interval between the ticks. +> **Note:** The `TickFrequency` property determines the interval between the ticks. -### Add Snapping Type for RangeSlider +## Add Snapping Type for RangeSlider -The movement of the thumb can be varied in different ways. This is achieved by setting the SnapsTo property. +The movement of the thumb can be configured in different ways. This is achieved by setting the `SnapsTo` property. {% tabs %} @@ -104,7 +104,7 @@ The movement of the thumb can be varied in different ways. This is achieved by s {% endtabs %} -### Configure the properties for RangeSlider +## Configure the Properties for RangeSlider {% tabs %} diff --git a/Xamarin-iOS/SfRangeSlider/How-To.md b/Xamarin-iOS/SfRangeSlider/How-To.md index 06af2b88..5dc95b32 100644 --- a/Xamarin-iOS/SfRangeSlider/How-To.md +++ b/Xamarin-iOS/SfRangeSlider/How-To.md @@ -1,13 +1,14 @@ --- layout: post title: Events in Syncfusion® RangeSlider control for Xamarin.iOS -description: This section provides the details about how to populate events in RangeSlider control for Xamarin.iOS +description: This section provides comprehensive how-to guides for implementing SfRangeSlider features, styling, and event handling platform: xamarin.ios control: RangeSlider documentation: ug --- -## How to get notifications when a thumb drag is started and completed? +# Events in RangeSlider +## How to Get Notifications When a Thumb Drag is Started and Completed? The `DragStarted` event is raised when a thumb is dragged. After the thumb releases the pointer capture, the `DragCompleted` event is raised. The `IsStartThumb` property of the `DragThumbEventArgs` returns a boolean value, which indicates the thumb used for performing drag operations. @@ -40,11 +41,11 @@ The `DragStarted` event is raised when a thumb is dragged. After the thumb relea {% endtabs %} -## How to trigger ValueChange event? +## How to Trigger ValueChange Event? -The `ValueChange` event is triggered when `SfRangeSlider` value is changed. The argument contains the value of RangeSlider. +The `ValueChange` event is triggered when the `SfRangeSlider` value is changed. The argument contains the value of the RangeSlider. -`Value` - Used to gets or sets the value for range slider. +`Value` - Used to get or set the value for the range slider. {% tabs %} @@ -59,12 +60,12 @@ The `ValueChange` event is triggered when `SfRangeSlider` value is changed. The {% endtabs %} -## How to trigger RangeChange event? +## How to Trigger RangeChange Event? -The `RangeChange` event is triggered when either ``RangeStart`` or `RangeEnd` values are changed. The argument contains the following information. +The `RangeChange` event is triggered when either `RangeStart` or `RangeEnd` values are changed. The argument contains the following information: -`RangeStart` – Gets or sets the range start value of range slider. -`RangeEnd` – Gets or sets the range end value of range slider. +`RangeStart` – Gets or sets the range start value of the range slider. +`RangeEnd` – Gets or sets the range end value of the range slider. {% tabs %} @@ -80,9 +81,9 @@ The `RangeChange` event is triggered when either ``RangeStart`` or `RangeEnd` va {% endtabs %} -## How to trigger RangeStartChange event? +## How to Trigger RangeStartChange Event? -The `RangeStartChange` event is triggered when `RangeStart` value is changed. The argument contains `RangeStart` value. +The `RangeStartChange` event is triggered when the `RangeStart` value is changed. The argument contains the `RangeStart` value. {% tabs %} @@ -97,9 +98,9 @@ The `RangeStartChange` event is triggered when `RangeStart` value is changed. Th {% endtabs %} -## How to trigger RangeEndChange event? +## How to Trigger RangeEndChange Event? -The `RangeEndChange` event is triggered when `RangeEnd` value is changed. The argument contains `RangeEnd` value. +The `RangeEndChange` event is triggered when the `RangeEnd` value is changed. The argument contains the `RangeEnd` value. {% tabs %} @@ -114,11 +115,11 @@ The `RangeEndChange` event is triggered when `RangeEnd` value is changed. The ar {% endtabs %} -## How to trigger ThumbTouchDown event? +## How to Trigger ThumbTouchDown Event? The `ThumbTouchDown` event occurs when touching the thumb. The argument contains the state of the thumb. -`IsStartThumb` - Gets the state whether thumb touch down position is start or end. If the thumb touch down position is start, then `IsStartThumb` state is true. If it's end, then `IsStartThumb` state is false. It is a read only property. +`IsStartThumb` - Gets the state whether the thumb touch down position is start or end. If the thumb touch down position is start, then the `IsStartThumb` state is `true`. If it's end, then the `IsStartThumb` state is `false`. It is a read-only property. {% tabs %} @@ -133,9 +134,10 @@ The `ThumbTouchDown` event occurs when touching the thumb. The argument contains {% endtabs %} -## How to trigger ThumbTouchUp event? +## How to Trigger ThumbTouchUp Event? -`IsStartThumb` - Gets the state whether thumb touch up position is start or end. If the thumb touch up position is start, then `IsStartThumb` state is true. If it's end, then IsStartThumb state is false. It is a read only property. +The `ThumbTouchUp` event occurs when releasing the thumb. The argument contains the state of the thumb. +`IsStartThumb` - Gets the state whether the thumb touch up position is start or end. If the thumb touch up position is start, then the `IsStartThumb` state is `true`. If it's end, then the `IsStartThumb` state is `false`. It is a read-only property. {% tabs %} diff --git a/Xamarin-iOS/SfRangeSlider/Labels-Customization.md b/Xamarin-iOS/SfRangeSlider/Labels-Customization.md index db918b82..b76e7176 100644 --- a/Xamarin-iOS/SfRangeSlider/Labels-Customization.md +++ b/Xamarin-iOS/SfRangeSlider/Labels-Customization.md @@ -1,21 +1,20 @@ --- layout: post title: Label Support for Syncfusion® RangeSlider control for Xamarin.iOS -description: This section provides the details about how to set label and their positions in RangeSlider control for Xamarin.iOS +description: This section provides details about how to set labels and their positions in RangeSlider control for Xamarin.iOS platform: xamarin.ios control: RangeSlider documentation: ug --- -# Customization labels - -SfRangeSlider provides option to show or hide the label and position customization. +# Label Customization +SfRangeSlider provides options to show or hide labels and customize their positions. ## Show Value Label -This property allows us to display labels for the ticks. When it sets to true, it displays the label for all the ticks based on the `ValuePlacement` property. +This property allows you to display labels for the ticks. When it is set to `true`, it displays the label for all the ticks based on the `ValuePlacement` property. -N> The default value of the `ShowValueLabel` property is false. +> **Note:** The default value of the `ShowValueLabel` property is `false`. {% tabs %} @@ -29,7 +28,7 @@ N> The default value of the `ShowValueLabel` property is false. ## Set Custom Label -To display custom labels, `ShowCustomLabel` property should be set to true and need to populate the `CustomLabels` property with observable collection of items by specifying the custom labels for corresponding values. +To display custom labels, the `ShowCustomLabel` property should be set to `true` and you need to populate the `CustomLabels` property with an observable collection of items by specifying the custom labels for corresponding values. {% tabs %} @@ -55,7 +54,7 @@ To display custom labels, `ShowCustomLabel` property should be set to true and n ## Value Placement -The `ValuePlacement` property describes the position of the Value respective to ticks. +The `ValuePlacement` property describes the position of the value relative to ticks. Available options for this property are: @@ -89,7 +88,7 @@ Available options for this property are: ## Label Placement -The `LabelPlacement` property describes the position of the labels respective to ticks. +The `LabelPlacement` property describes the position of the labels relative to ticks. Available options for this property are: @@ -107,9 +106,9 @@ Available options for this property are: {% endtabs %} -## Customizing label font +## Customizing Label Font -The range slider control provides the `Font` property to customize the value text and custom label text. +The RangeSlider control provides the `Font` property to customize the value text and custom label text. {% highlight c# %} diff --git a/Xamarin-iOS/SfRangeSlider/Orientation.md b/Xamarin-iOS/SfRangeSlider/Orientation.md index c4bd9390..6ac99424 100644 --- a/Xamarin-iOS/SfRangeSlider/Orientation.md +++ b/Xamarin-iOS/SfRangeSlider/Orientation.md @@ -1,7 +1,7 @@ --- layout: post -title: Various features of Syncfusion® RangeSlider control for Xamarin.iOS -description: Learn how to set minimum value, maximum value, tick frequency, step frequency, enabling snaps to support and orientation for RangeSlider +title: Orientation in Syncfusion® RangeSlider control for Xamarin.iOS +description: Learn how to set and customize the orientation and layout positioning of SfRangeSlider control in your application platform: xamarin.ios control: RangeSlider documentation: ug @@ -9,13 +9,13 @@ documentation: ug # Orientation of SfRangeSlider -SfRangeSlider provides option to display the values and the slider either horizontally or vertically. +SfRangeSlider provides options to display the values and the slider either horizontally or vertically. -N> The default option is Horizontal. +> **Note:** The default orientation is Horizontal. ## Horizontal -In this orientation, the values and the slider are set horizontally. +In this orientation, the values and the slider are displayed horizontally. {% tabs %} @@ -31,7 +31,7 @@ rangeSlider.Orientation = SFOrientation.SFOrientationHorizontal; ## Vertical -In this Orientation, the values and the slider are set vertically. +In this orientation, the values and the slider are displayed vertically. {% tabs %} diff --git a/Xamarin-iOS/SfRangeSlider/Overview.md b/Xamarin-iOS/SfRangeSlider/Overview.md index 3c03af09..1a0bafdc 100644 --- a/Xamarin-iOS/SfRangeSlider/Overview.md +++ b/Xamarin-iOS/SfRangeSlider/Overview.md @@ -1,23 +1,20 @@ --- layout: post title: Overview of Syncfusion® RangeSlider control for Xamarin.iOS -description: Overview and key features of rangeSlider control +description: Overview and key features of SfRangeSlider control including customization options, states, and interactive capabilities platform: xamarin.ios control: RangeSlider documentation: ug --- # Overview -The range slider control for Xamarin.iOS allows you select a range of values within the specified minimum and maximum limits. The range can be selected by moving the thumb along track. +The RangeSlider control for Xamarin.iOS allows you to select a range of values within the specified minimum and maximum limits. The range can be selected by moving the thumbs along the track. -![](images/Overview.png) +![RangeSlider Overview](images/Overview.png) -## Key features +## Key Features * Provides support to select values as a range. -  -* Restricts values to choose within a minimum and maximum constraints. -  -* Supports to change the tick intervals in uniform pattern. -  +* Restricts values to choose within minimum and maximum constraints. +* Supports changing the tick intervals in a uniform pattern. * Provides user-friendly customization support to customize ticks and labels. \ No newline at end of file diff --git a/Xamarin-iOS/SfRangeSlider/Range.md b/Xamarin-iOS/SfRangeSlider/Range.md index 0b3e07ba..420edec9 100644 --- a/Xamarin-iOS/SfRangeSlider/Range.md +++ b/Xamarin-iOS/SfRangeSlider/Range.md @@ -1,21 +1,21 @@ --- layout: post title: Range in Syncfusion® RangeSlider control for Xamarin.iOS -description: Thsi section provides the details about how to set Dual thumb slider and its ranges in RangeSlider control. +description: This section provides details about how to set dual thumb slider and its ranges in RangeSlider control. platform: xamarin.ios control: RangeSlider documentation: ug --- -# The Slider Range Supports +# Slider Range Support -The SfRangeSlider control supports to select range of value by using two Thumbs. +The SfRangeSlider control supports selecting a range of values by using two thumbs. ## Set Show Range -The `ShowRange` property should be set to true for displaying two thumbs in track with range of values. +The `ShowRange` property should be set to `true` for displaying two thumbs in the track with a range of values. -N> When this property is set to false, single thumb is displayed without any range +> **Note:** When this property is set to `false`, a single thumb is displayed without any range. {% tabs %} @@ -27,13 +27,13 @@ N> When this property is set to false, single thumb is displayed without any ran {% endtabs %} -## Set Range values +## Set Range Values -This section explains about setting Range start and end value. +This section explains how to set the range start and end values. ### RangeStart -Gets and sets the start value of the range. +Gets or sets the start value of the range. {% tabs %} @@ -47,7 +47,7 @@ Gets and sets the start value of the range. ### RangeEnd -Gets and sets the end value of the range. +Gets or sets the end value of the range. {% tabs %} @@ -61,12 +61,12 @@ Gets and sets the end value of the range. ## ValueChangeMode -The ValueChangeMode property changes the value based on the touch of the `SfRangeSlider` control. It consists of the following two types +The `ValueChangeMode` property changes the value based on the touch interaction with the `SfRangeSlider` control. It consists of the following two types: * Default -* OnThumbPress +* OnThumb -N> The default value of the ValueChangeMode property is `Default`. +> **Note:** The default value of the `ValueChangeMode` property is `Default`. ### Default @@ -100,7 +100,7 @@ The value is updated when you touch or move the thumb/knob. ## Value -Gets or sets the range value, which ranges between Minimum and Maximum. The default value of RangeSlider is 0. +Gets or sets the range value, which ranges between `Minimum` and `Maximum`. The default value of RangeSlider is 0. {% tabs %} diff --git a/Xamarin-iOS/SfRangeSlider/Selection-Value-Configuration.md b/Xamarin-iOS/SfRangeSlider/Selection-Value-Configuration.md index d71a7324..fa42a86d 100644 --- a/Xamarin-iOS/SfRangeSlider/Selection-Value-Configuration.md +++ b/Xamarin-iOS/SfRangeSlider/Selection-Value-Configuration.md @@ -1,7 +1,7 @@ --- layout: post -title: Various features of Syncfusion® RangeSlider control for Xamarin.iOS -description: Learn how to set minimum value, maximum value, tick frequency, step frequency, enabling snaps to support and orientation for RangeSlider +title: Configure Selection Values in Syncfusion® RangeSlider +description: Learn how to configure minimum value, maximum value, tick frequency, step frequency, and snapping modes for RangeSlider platform: xamarin.ios control: RangeSlider documentation: ug @@ -13,7 +13,7 @@ Various customization options are available to configure the selection value in ## Set Minimum Value -Gets or sets the minimum possible value of the range. The thumb could not move beyond that value. +Gets or sets the minimum possible value of the range. The thumb cannot move beyond this value. {% tabs %} @@ -27,7 +27,7 @@ rangeSlider.Minimum = 0; ## Set Maximum Value -Gets or sets the maximum possible value of the range. The thumb could not move after that value. +Gets or sets the maximum possible value of the range. The thumb cannot move beyond this value. {% tabs %} @@ -41,7 +41,7 @@ rangeSlider.Maximum = 24; ## Set Tick Frequency -The `TickFrequency` property is used to decide the number of ticks to be displayed along the track based on Minimum and Maximum values. +The `TickFrequency` property is used to determine the number of ticks to be displayed along the track based on `Minimum` and `Maximum` values. {% tabs %} @@ -53,9 +53,9 @@ rangeSlider.TickFrequency=4; {% endtabs %} -N> When the `SnapsTo` property is set to `Ticks`, the `TickFrequency` is used to specify the interval between snap points. +> **Note:** When the `SnapsTo` property is set to `Ticks`, the `TickFrequency` is used to specify the interval between snap points. -## Set Interval between Snap Points. +## Set Interval Between Snap Points The `StepFrequency` property is used to specify the interval between snap points. @@ -69,19 +69,17 @@ rangeSlider.StepFrequency=4; {% endtabs %} -N> When the `SnapsTo` property is set to `StepValues`, the `StepFrequency` property is enabled. +> **Note:** When the `SnapsTo` property is set to `StepValues`, the `StepFrequency` property is enabled. ## Set Snapping Mode -The `SnapsTo` property determines whether the RangeSlider snaps to steps or ticks. Available options for this property are +The `SnapsTo` property determines whether the RangeSlider snaps to steps or ticks. Available options for this property are: * `StepValues` - The `StepFrequency` property will be used to specify the interval between snap points. +* `Ticks` - The `TickFrequency` property will be used to specify the interval between snap points. +* `None` - The thumb moves independently of any values. -* `Ticks` - The `TickFrequency` property will be used to specify the interval between snap points - -* `None` - The thumb is moved independent of any values. - -N> The default option is Ticks. +> **Note:** The default option is `Ticks`. {% tabs %} diff --git a/Xamarin-iOS/SfRangeSlider/Ticks-Customization.md b/Xamarin-iOS/SfRangeSlider/Ticks-Customization.md index c5fbffda..6af98b19 100644 --- a/Xamarin-iOS/SfRangeSlider/Ticks-Customization.md +++ b/Xamarin-iOS/SfRangeSlider/Ticks-Customization.md @@ -1,7 +1,7 @@ --- layout: post -title: Ticks of Syncfusion® RangeSlider control for Xamarin.iOS -description: This section provides the details about how to set ticks in proper position for RangeSlider control in Xamarin.iOS +title: Ticks in Syncfusion® RangeSlider control for Xamarin.iOS +description: This section provides details about how to configure and customize ticks in RangeSlider control for Xamarin.iOS platform: xamarin.ios control: RangeSlider documentation: ug @@ -9,11 +9,11 @@ documentation: ug # Customizing SfRangeSlider Ticks -Tick marks can be placed along the track in a uniform manner or it's position can also be customized. +Tick marks can be placed along the track in a uniform manner, or their position can be customized. ## TickPlacement -The `TickPlacement` property determines where to draw tick marks in relation to the track. Available options for this property are, +The `TickPlacement` property determines where to draw tick marks in relation to the track. Available options for this property are: * BottomRight @@ -25,11 +25,11 @@ The `TickPlacement` property determines where to draw tick marks in relation to * TopLeft -N> The default option is Inline. +> **Note:** The default option is `Inline`. ## BottomRight -Tick marks can be placed either below the track in horizontal orientation or right of the track in vertical orientation. +Tick marks can be placed either below the track in horizontal orientation or to the right of the track in vertical orientation. {% tabs %} @@ -45,7 +45,7 @@ Tick marks can be placed either below the track in horizontal orientation or rig ## TopLeft -Tick marks are placed either above the track in horizontal orientation or left of the track in vertical orientation. +Tick marks are placed either above the track in horizontal orientation or to the left of the track in vertical orientation. {% tabs %} @@ -77,7 +77,7 @@ Ticks are placed along the track. ## Outside -Tick marks are placed on both sides of the track either in horizontal or vertical orientation. +Tick marks are placed on both sides of the track in either horizontal or vertical orientation. {% tabs %} @@ -91,10 +91,9 @@ Tick marks are placed on both sides of the track either in horizontal or vertica ![The Outside](images/Outside.png) +## Customizing Tick Color -## Customizing tick color - -The range slider control provides the `TickColor` property to customize the color of ticks in tick bar. +The RangeSlider control provides the `TickColor` property to customize the color of ticks in the tick bar. {% highlight c# %} diff --git a/Xamarin-iOS/SfRangeSlider/ToolTip.md b/Xamarin-iOS/SfRangeSlider/ToolTip.md index 8c92510f..e2fa5c13 100644 --- a/Xamarin-iOS/SfRangeSlider/ToolTip.md +++ b/Xamarin-iOS/SfRangeSlider/ToolTip.md @@ -1,7 +1,7 @@ --- layout: post -title: ToolTip support for Syncfusion® RangeSlider control for Xamarin.iOS -description: Learn how to set tooltip for RangeSlider in Xamarin.iOS +title: ToolTip Support for Syncfusion® RangeSlider control for Xamarin.iOS +description: Learn how to implement and customize tooltips for SfRangeSlider control with various display options and styling configurations platform: xamarin.ios control: RangeSlider documentation: ug @@ -9,7 +9,7 @@ documentation: ug # ToolTip Support -The tooltip shows the current value based on thumb position. +The tooltip shows the current value based on the thumb position. ## Set ToolTip Precision @@ -27,7 +27,7 @@ The `ToolTipPrecision` property is used to define the precision of the value dis ## Set ToolTip Placement -The position of the ToolTip in relation to the thumb can be controlled by the `ToolTipPlacement` property. It has the following options. +The position of the ToolTip in relation to the thumb can be controlled by the `ToolTipPlacement` property. It has the following options: 1. BottomRight 2. TopLeft @@ -35,7 +35,7 @@ The position of the ToolTip in relation to the thumb can be controlled by the `T ### BottomRight -The ToolTip will be placed either below the Thumb in horizontal orientation or right of the Thumb in vertical orientation. +The ToolTip will be placed either below the thumb in horizontal orientation or to the right of the thumb in vertical orientation. {% tabs %} @@ -49,7 +49,7 @@ rangeSlider.ToolTipPlacement = SFToolTipPlacement.SFToolTipPlacementBottomRight; ### TopLeft -the ToolTip will be placed either above the Thumb in horizontal orientation or left of the Thumb in vertical orientation. +The ToolTip will be placed either above the thumb in horizontal orientation or to the left of the thumb in vertical orientation. {% tabs %} @@ -63,7 +63,7 @@ rangeSlider.ToolTipPlacement = SFToolTipPlacement.SFToolTipPlacementTopLeft; ### None -ToolTip will be collapsed. +The ToolTip will be hidden. {% tabs %} @@ -75,8 +75,9 @@ rangeSlider.ToolTipPlacement = SFToolTipPlacement.SFToolTipPlacementNone; {% endtabs %} -## Tooltip color +## ToolTip Color Customization +The RangeSlider control provides properties to customize the ToolTip appearance: `TooltipTextColor` - Used to change the tooltip text color. `TooltipBackgroundColor` - Used to change the tooltip background color. diff --git a/Xamarin-iOS/SfRangeSlider/TrackBar-Customization.md b/Xamarin-iOS/SfRangeSlider/TrackBar-Customization.md index 9f334ac8..26c78511 100644 --- a/Xamarin-iOS/SfRangeSlider/TrackBar-Customization.md +++ b/Xamarin-iOS/SfRangeSlider/TrackBar-Customization.md @@ -1,17 +1,17 @@ --- layout: post -title: Track bar in Syncfusion® RangeSlider control for Xamarin.iOS -description: Learn how to customize the track bar of RangeSlider control in Xamarin.iOS +title: Syncfusion® RangeSlider Track Bar Customization Guide +description: Learn how to customize the track bar appearance, colors, and visual styling of SfRangeSlider control in Xamarin.iOS platform: xamarin.ios control: RangeSlider documentation: ug --- -# TrackBar customization +# Track Bar Customization -## TrackThickness +## Track Thickness -The thickness of track bar can be customized by setting the `TrackThickness` property of SfRangeSlider. +The thickness of the track bar can be customized by setting the `TrackThickness` property of SfRangeSlider. {% tabs %} @@ -23,9 +23,9 @@ The thickness of track bar can be customized by setting the `TrackThickness` pro {% endtabs %} -## TrackSelectionThickness +## Track Selection Thickness -The thickness for the selected range or selected portion of track bar can be customized by setting the `TrackSelectionThickness` property of SfRangeSlider. +The thickness of the selected range or selected portion of the track bar can be customized by setting the `TrackSelectionThickness` property of SfRangeSlider. {% tabs %} @@ -37,9 +37,9 @@ The thickness for the selected range or selected portion of track bar can be cus {% endtabs %} -## TrackColor +## Track Color -The color of track bar can be customized by setting the `TrackColor` property of SfRangeSlider. +The color of the track bar can be customized by setting the `TrackColor` property of SfRangeSlider. {% tabs %} @@ -51,9 +51,9 @@ The color of track bar can be customized by setting the `TrackColor` property of {% endtabs %} -## TrackSelectionColor +## Track Selection Color -The color for the selected range or selected portion of track bar can be customized by setting the `TrackSelectionColor` property of SfRangeSlider. +The color of the selected range or selected portion of the track bar can be customized by setting the `TrackSelectionColor` property of SfRangeSlider. {% tabs %} @@ -65,7 +65,7 @@ The color for the selected range or selected portion of track bar can be customi {% endtabs %} -## KnobColor +## Knob Color The `KnobColor` property is used to change the knob color of SfRangeSlider. diff --git a/Xamarin-iOS/SfRating/Add-Custom-Items.md b/Xamarin-iOS/SfRating/Add-Custom-Items.md index 83534329..d0b479c7 100644 --- a/Xamarin-iOS/SfRating/Add-Custom-Items.md +++ b/Xamarin-iOS/SfRating/Add-Custom-Items.md @@ -1,19 +1,19 @@ --- layout: post -title: Adding custom items in Syncfusion® Rating control for Xamarin.iOS -description: Learn how to add the Custom Items in rating control +title: Adding Custom Items in Syncfusion® Rating Control for Xamarin.iOS +description: Learn how to add custom items and configure their appearance in Rating control for Xamarin.iOS platform applications platform: xamarin.ios -control: Rating +control: SfRating documentation: ug --- # Custom Views -SfRating Items control provides support to add custom views. +The SfRating control provides support to add custom views for rating items. ## Add SfRating Items -Add the SfRating Items control with a required optimal name by using the included namespace. +Add the SfRating control with a required optimal name by using the included namespace. {% highlight C# %} @@ -25,7 +25,7 @@ SfRatingItem item = new SfRatingItem(rating); ## Set Selected View -The `SelectedView` property is used to apply the given SelectedView to selected rating item. +The `SelectedView` property is used to apply the given selected view to the selected rating item. {% highlight C# %} @@ -37,7 +37,7 @@ The `SelectedView` property is used to apply the given SelectedView to selected ## Set UnSelected View -The `UnSelectedView` property is used to apply the given UnSelectedView to unselected rating items. +The `UnSelectedView` property is used to apply the given unselected view to unselected rating items. {% highlight C# %} @@ -51,7 +51,7 @@ The `UnSelectedView` property is used to apply the given UnSelectedView to unsel The `Items` property is used to hold the collection of SfRatingItem. -N> SfRatingItem keeps both selected and unselected view respectively. +> **Note:** SfRatingItem keeps both selected and unselected views respectively. {% highlight C# %} @@ -63,7 +63,7 @@ N> SfRatingItem keeps both selected and unselected view respectively. ## Enable Custom Items -When `EnableCustomItems` property is enabled, it will display the custom items added in the rating item. +When the `EnableCustomView` property is enabled, it will display the custom items added in the rating control. {% highlight C# %} diff --git a/Xamarin-iOS/SfRating/Appearance-Customization.md b/Xamarin-iOS/SfRating/Appearance-Customization.md index 4cd0d87e..f7802e49 100644 --- a/Xamarin-iOS/SfRating/Appearance-Customization.md +++ b/Xamarin-iOS/SfRating/Appearance-Customization.md @@ -1,13 +1,13 @@ --- layout: post -title: Appearance and Styling in Syncfusion® Rating control for Xamarin.iOS -description: Learn how to change the Appearance and Styling of rating control +title: Appearance Customization in Syncfusion® Rating Control for Xamarin.iOS +description: Learn how to customize the appearance, styling, and visual properties of Rating control for Xamarin.iOS platform applications platform: xamarin.ios -control: Rating +control: SfRating documentation: ug --- -# Appearance and Styling +# Appearance Customization You can customize the color, stroke width, and stroke color of rated and unrated items using the following properties of SfRatingSettings: @@ -20,7 +20,7 @@ You can customize the color, stroke width, and stroke color of rated and unrated ## Set Fill Color -SfRating control has support to set the fill color for the selected and unselected items. +The SfRating control has support to set the fill color for the selected and unselected items. ### Selected Items @@ -41,7 +41,7 @@ The `RatedFill` property fills the rated area with the specified solid color in {% endtabs %} -![Rated item fill color](images/ratedFill.jpg) +![Rated Item Fill Color](images/ratedFill.jpg) ### Unselected Items @@ -62,15 +62,15 @@ The `UnRatedFill` property fills the unrated area with the specified solid color {% endtabs %} -![Unrated item fill color](images/unRatedFill.jpg) +![Unrated Item Fill Color](images/unRatedFill.jpg) ## Set Stroke Color -SfRating control has support to set the stroke color for the selected and unselected items. +The SfRating control has support to set the stroke color for the selected and unselected items. ### Selected Items -The `RatedStroke` property sets the stroke for the rated area with the specified solid color in the SfRating control. +The `RatedStroke` property sets the stroke color for the rated area with the specified solid color in the SfRating control. {% tabs %} @@ -87,7 +87,7 @@ The `RatedStroke` property sets the stroke for the rated area with the specified {% endtabs %} -![Rated item stroke color](images/ratedstroke.png) +![Rated Item Stroke Color](images/ratedstroke.png) ### Unselected Items @@ -108,15 +108,15 @@ The `UnRatedStroke` property sets the stroke color for the unrated items with th {% endtabs %} -![Unrated item stroke color](images/unratedstroke.png) +![Unrated Item Stroke Color](images/unratedstroke.png) ## Set Stroke Thickness -SfRating control has support to set the stroke thickness for the selected and unselected items. +The SfRating control has support to set the stroke thickness for the selected and unselected items. ### Selected Items -The `RatedStrokeWidth` property sets stroke thickness to the rated items with the specified value in the SfRating control. +The `RatedStrokeWidth` property sets the stroke thickness for the rated items with the specified value in the SfRating control. {% tabs %} @@ -135,11 +135,11 @@ The `RatedStrokeWidth` property sets stroke thickness to the rated items with th {% endtabs %} -![Rated item stroke thickness](images/ratedStrokeThickness.jpg) +![Rated Item Stroke Thickness](images/ratedStrokeThickness.jpg) ### Unselected Items -The `UnRatedStrokeWidth` property sets stroke thickness to the unrated area with the specified value in the SfRating control. +The `UnRatedStrokeWidth` property sets the stroke thickness for the unrated area with the specified value in the SfRating control. {% tabs %} @@ -158,4 +158,4 @@ The `UnRatedStrokeWidth` property sets stroke thickness to the unrated area with {% endtabs %} -![Unrated item stroke thickness](images/unRatedStrokeThickness.jpg) +![Unrated Item Stroke Thickness](images/unRatedStrokeThickness.jpg) diff --git a/Xamarin-iOS/SfRating/Appearance-and-Styling.md b/Xamarin-iOS/SfRating/Appearance-and-Styling.md index d31a639b..0b86f552 100644 --- a/Xamarin-iOS/SfRating/Appearance-and-Styling.md +++ b/Xamarin-iOS/SfRating/Appearance-and-Styling.md @@ -1,21 +1,21 @@ --- layout: post -title: Appearance and Styling in Syncfusion® Rating control for Xamarin.iOS -description: Learn how to change the Appearance and Styling of rating control +title: Appearance and Styling in Syncfusion® Rating Control for Xamarin.iOS +description: Learn how to change the appearance and styling properties of Rating control for Xamarin.iOS platform with customization options platform: xamarin.ios -control: Rating +control: SfRating documentation: ug --- # Appearance and Styling -When the default view is not needed, you can customize the view of Xamarin.iOS SfRating control. The SfRating control provides support to customize the size, item count, and space between rating items. +When the default view is not needed, you can customize the view of the Xamarin.iOS SfRating control. The SfRating control provides support to customize the size, item count, and space between rating items. ## Set Size The `ItemSize` property sets the size of the rating items. -N> By default, property value is 50. +> **Note:** By default, the property value is 50. {% tabs %} @@ -27,13 +27,13 @@ N> By default, property value is 50. {% endtabs %} -![SfRatinglayout customization](images/layoutSize.jpg) +![SfRating Layout Customization](images/layoutSize.jpg) ## Set Number of Items The `ItemCount` property sets the number of rating items to be displayed. -N> The default property value is 5. +> **Note:** The default property value is 5. {% tabs %} @@ -45,13 +45,13 @@ N> The default property value is 5. {% endtabs %} -![Set number of rating items](images/fourstar.jpg) +![Set Number of Rating Items](images/fourstar.jpg) -## Set Space between Items +## Set Space Between Items The `ItemSpacing` property sets the spacing between the rating items. -N> By default, property value is 5. +> **Note:** By default, the property value is 5. {% tabs %} @@ -63,11 +63,11 @@ N> By default, property value is 5. {% endtabs %} -![Space between rating items](images/layoutSpace.jpg) +![Space Between Rating Items](images/layoutSpace.jpg) ## Rating Settings -For styling customization, set the RatingSettings property value with SfRatingSettings object instance. +For styling customization, set the `RatingSettings` property value with an SfRatingSettings object instance. {% tabs %} diff --git a/Xamarin-iOS/SfRating/Getting-Started.md b/Xamarin-iOS/SfRating/Getting-Started.md index df44ba3b..79ce8097 100644 --- a/Xamarin-iOS/SfRating/Getting-Started.md +++ b/Xamarin-iOS/SfRating/Getting-Started.md @@ -1,10 +1,10 @@ --- layout: post -title: Getting Started with Syncfusion® Rating control for Xamarin.iOS +title: Getting Started with Syncfusion® Rating Control for Xamarin.iOS description: Learn here about getting started with Syncfusion® Essential® Xamarin.iOS Rating Control, its elements, features, and more. platform: xamarin.ios -control: Rating +control: SfRating documentation: ug --- @@ -15,11 +15,11 @@ This section explains how to configure the SfRating control in a real-time scena ## Referencing Essential Studio® Components in Your Solution -After installing Essential Studio® for Xamarin, you can find all the required assemblies in the installation folders, +After installing Essential Studio® for Xamarin, you can find all the required assemblies in the installation folders: {Syncfusion Installed location}\Essential Studio {version number}\lib -Add the following assembly references to the iOS unified project, +Add the following assembly references to the iOS unified project: iOS-unified\Syncfusion.SfRating.iOS.dll @@ -57,11 +57,11 @@ iOS-unified\Syncfusion.SfRating.iOS.dll {% endtabs %} -## Set number of rating items +## Set Number of Rating Items The number of rating items to be displayed can be customized in the SfRating control. Users can create a rating application with 5 rating items as follows. -N> The default value of this property is 5. +> **Note:** The default value of this property is 5. {% tabs %} @@ -73,11 +73,11 @@ N> The default value of this property is 5. {% endtabs %} -## SetValue +## Set Value -Display value can be set in SfRating control which is selected among the items. The following example shows the display value of 3 with 5 rating items. +The display value can be set in the SfRating control which is selected among the items. The following example shows the display value of 3 with 5 rating items. -N> By default, property value is 0. +> **Note:** By default, the property value is 0. {% tabs %} @@ -89,6 +89,6 @@ N> By default, property value is 0. {% endtabs %} -![Rating application using SFRating](images/gettingstarted.png) +![Rating Application Using SfRating](images/gettingstarted.png) Please find the sample from this link: [Sample](http://www.syncfusion.com/downloads/support/directtrac/general/ze/SfRating_GettingStarted1345326680.zip). diff --git a/Xamarin-iOS/SfRating/Overview.md b/Xamarin-iOS/SfRating/Overview.md index e5b2cbb7..2804c915 100644 --- a/Xamarin-iOS/SfRating/Overview.md +++ b/Xamarin-iOS/SfRating/Overview.md @@ -1,19 +1,19 @@ --- layout: post -title: Overview of Syncfusion® Rating control for Xamarin.iOS -description: This explains about the Overview and key features of Syncfusion® Essential® Xamarin.iOS Rating Control. +title: Overview of Syncfusion® Rating Control for Xamarin.iOS +description: Learn about Syncfusion® Essential® Xamarin.iOS Rating Control that provides customizable star ratings with flexible precision and spacing options. platform: xamarin.ios -control: Rating +control: SfRating documentation: ug --- # Overview -The Essential® Xamarin.iOS Rating control has a group of stars to indicate the rating with flexible precision. Also provides various customization support on item size, item spacing and the number of displayed items. +The Essential® Xamarin.iOS Rating control provides a group of stars to indicate ratings with flexible precision. It also provides various customization options for item size, item spacing, and the number of displayed items. -![SfRating control overview](images/overview.png) +![SfRating Control Overview](images/overview.png) ## Key Features diff --git a/Xamarin-iOS/SfRating/Restrict-User-Selection.md b/Xamarin-iOS/SfRating/Restrict-User-Selection.md index 74455c63..d6762fc8 100644 --- a/Xamarin-iOS/SfRating/Restrict-User-Selection.md +++ b/Xamarin-iOS/SfRating/Restrict-User-Selection.md @@ -1,7 +1,7 @@ --- layout: post -title: Appearance and Styling in Syncfusion® Rating control for Xamarin.iOS -description: Learn how to change the Appearance and Styling of rating control +title: Restrict User Selection in Syncfusion® Rating control for Xamarin.iOS +description: Learn how to restrict user selection in Syncfusion® Xamarin.iOS Rating control using the ReadOnly property to prevent rating modifications. platform: xamarin.ios control: Rating documentation: ug @@ -9,7 +9,7 @@ documentation: ug # Restrict User Selection -SfRating control provides support for changeable or unchangeable values for Rating control. This is achieved by the `ReadOnly` property. When this property is set to True, the Rating value becomes unchangeable. By default, this property value is set to False. +The SfRating control provides support for controlling whether users can modify the rating value. This functionality is achieved through the `ReadOnly` property. When this property is set to `true`, the rating value becomes unchangeable, preventing user interaction. By default, this property is set to `false`, allowing users to modify the rating. {% tabs %} diff --git a/Xamarin-iOS/SfRating/ToolTip.md b/Xamarin-iOS/SfRating/ToolTip.md index 71fccc28..4669d2c3 100644 --- a/Xamarin-iOS/SfRating/ToolTip.md +++ b/Xamarin-iOS/SfRating/ToolTip.md @@ -2,7 +2,7 @@ layout: post title: ToolTip in Syncfusion® Rating control for Xamarin.iOS -description: Learn how to change the ToolTip of rating control +description: Learn how to configure and customize ToolTip in Syncfusion® Xamarin.iOS Rating control including placement options and precision settings. platform: xamarin.ios control: Rating documentation: ug @@ -11,17 +11,17 @@ documentation: ug # ToolTip -Tooltip provides additional information about objects that are unfamiliar to users and are not directly displayed in UI. In the Xamarin.iOS SfRating control, tooltip shows the data of `Value`. It will be displayed when a rating item is selected and will be disappeared when the rating item is unselected. +ToolTip provides additional information about objects that are unfamiliar to users and are not directly displayed in the UI. In the Xamarin.iOS SfRating control, the tooltip displays the current `Value` data. It appears when a rating item is selected and disappears when the rating item is unselected. ## Set Tooltip Placement -Rating control provides ToolTip support with rating value using `TooltipPlacement` property. +The Rating control provides ToolTip support with rating value using the `TooltipPlacement` property. -N> By default, this property value is set to None. +> **Note:** By default, this property value is set to `None`. ### TopLeft -The ToolTip will display on top of the SfRating control. +The ToolTip will be displayed at the top-left of the SfRating control. {% tabs %} @@ -37,7 +37,7 @@ rating.TooltipPlacement = SFRatingTooltipPlacement.TopLeft; ### BottomRight -The tooltip will display on bottom of the SfRating control. +The ToolTip will be displayed at the bottom-right of the SfRating control. {% highlight c# %} diff --git a/Xamarin-iOS/SfRating/View-Range-Selection.md b/Xamarin-iOS/SfRating/View-Range-Selection.md index 544c4d86..fffa86e9 100644 --- a/Xamarin-iOS/SfRating/View-Range-Selection.md +++ b/Xamarin-iOS/SfRating/View-Range-Selection.md @@ -1,8 +1,8 @@ --- layout: post -title: Range selection in Syncfusion® SfRating for Xamarin.iOS -description: Perform range selection with custom views in rating control +title: Range Selection in Syncfusion® SfRating for Xamarin.iOS +description: Learn how to enable range selection with custom views in Syncfusion® Xamarin.iOS Rating control using EnableViewRangeSelection property. platform: xamarin.ios control: Rating documentation: ug @@ -11,9 +11,9 @@ documentation: ug # View Range Selection -When using CustomView in SfRating, Only one item will be rated. If you need to change the view of all rated CustomView items, Use the `EnableViewRangeSelection` boolean property. +When using CustomView in SfRating, only one item will be rated by default. If you need to change the appearance of all rated CustomView items, use the `EnableViewRangeSelection` boolean property to enable range selection behavior. -N> The EnableViewRangeSelection property is used only for CustomViews. +> **Note:** The `EnableViewRangeSelection` property is used only for CustomViews. {% tabs %} diff --git a/Xamarin-iOS/SfRating/precision-mode.md b/Xamarin-iOS/SfRating/precision-mode.md index becbc1c4..ce0c0d1d 100644 --- a/Xamarin-iOS/SfRating/precision-mode.md +++ b/Xamarin-iOS/SfRating/precision-mode.md @@ -1,9 +1,9 @@ --- layout: post -title: Precision Mode in Syncfusion® Rating control for Xamarin.iOS -description: Learn how to change the Precision Mode of rating control +title: Precision Mode in Syncfusion® Rating Control for Xamarin.iOS +description: Learn how to configure precision modes (Standard, Half, Exact) in Syncfusion® Rating control for Xamarin.iOS to control rating accuracy levels. platform: xamarin.ios -control: Rating +control: SfRating documentation: ug --- @@ -25,7 +25,7 @@ The rating item will be filled completely based on the rating value. {% endtabs %} -![SfRating standard precision mode](images/standard.jpg) +![SfRating Standard Precision Mode](images/standard.jpg) ## Half @@ -41,7 +41,7 @@ The rating item will be filled partially based on the rating value. {% endtabs %} -![SfRating half precision mode](images/half.jpg) +![SfRating Half Precision Mode](images/half.jpg) ## Exact @@ -57,4 +57,4 @@ The rating item will be filled exactly based on the rating value. {% endtabs %} -![SfRating exact precision mode](images/exact.jpg) \ No newline at end of file +![SfRating Exact Precision Mode](images/exact.jpg) diff --git a/Xamarin-iOS/SfRotator/Adding-Looping-and-Delays.md b/Xamarin-iOS/SfRotator/Adding-Looping-and-Delays.md index 62f91275..10e2e617 100644 --- a/Xamarin-iOS/SfRotator/Adding-Looping-and-Delays.md +++ b/Xamarin-iOS/SfRotator/Adding-Looping-and-Delays.md @@ -1,21 +1,21 @@ --- layout: post -title: Various features in Syncfusion® Rotator control for Xamarin.iOS -description: Learn how to set the autoplay option, loop the items, enable Text Area and choose the navigation direction in Rotator control for Xamarin.Android +title: Various Features in Syncfusion® Rotator Control for Xamarin.iOS +description: Learn how to set the autoplay option, loop the items, enable text area and choose the navigation direction in Rotator control for Xamarin.iOS platform: xamarin.ios -control: Rotator +control: SfRotator documentation: ug --- # Adding Looping and Delays -Looping and delay can be enabled in SfRotator control and also we can customize the Text and Navigation direction. +Looping and delay can be enabled in the SfRotator control. You can also customize the text and navigation direction. ## Toggle AutoPlay -The `EnableAutoPlay` property specifies whether the items should navigate automatically based on `NavigationDelay` property, when the property value is set to true. +The `EnableAutoPlay` property specifies whether the items should navigate automatically based on the `NavigationDelay` property when the property value is set to true. -N> By default, the property value is set to false. +> **Note:** By default, the property value is set to false. {% tabs %} @@ -29,9 +29,9 @@ N> By default, the property value is set to false. ## Set Navigation Delay -The `NavigationDelay` property specifies the duration to delay the switch to next navigation item, when `EnableAutoPlay` property is enabled. +The `NavigationDelay` property specifies the duration to delay the switch to the next navigation item when the `EnableAutoPlay` property is enabled. -N> The property value should be in milliseconds. +> **Note:** The property value should be in milliseconds. {% tabs %} @@ -45,7 +45,7 @@ N> The property value should be in milliseconds. ## Looping Items -The `EnableLooping` property specifies whether the items should navigate to first item once it reaches the last item and vice-versa. +The `EnableLooping` property specifies whether the items should navigate to the first item once it reaches the last item and vice versa. {% tabs %} diff --git a/Xamarin-iOS/SfRotator/Header-Visibility.md b/Xamarin-iOS/SfRotator/Header-Visibility.md index 6f7ddc59..e8eea6ee 100644 --- a/Xamarin-iOS/SfRotator/Header-Visibility.md +++ b/Xamarin-iOS/SfRotator/Header-Visibility.md @@ -1,17 +1,17 @@ --- layout: post -title: Various features in Syncfusion® Rotator control for Xamarin.iOS -description: Learn how to set the autoplay option, loop the items, enable Text Area and choose the navigation direction in Rotator control for Xamarin.Android +title: Header Visibility in Syncfusion® Rotator Control for Xamarin.iOS +description: Discover how to manage header visibility and text panel display in Syncfusion® Xamarin.iOS Rotator control to show additional item details. platform: xamarin.ios -control: Rotator +control: SfRotator documentation: ug --- # Header Visibility -The `IsTextVisible` property can be used to enable the text area visibility in bottom area of SfRotator for providing additional information of items. IsTextVisible property is used to change the visibility of the Text panel that is displayed when SfRotatorItem collection is set and will have no effect when setting Item template. +The `IsTextVisible` property can be used to enable the text area visibility in the bottom area of SfRotator for providing additional information about items. The `IsTextVisible` property is used to change the visibility of the text panel that is displayed when the SfRotatorItem collection is set and will have no effect when setting an item template. -N> By default, the property value is false. +> **Note:** By default, the property value is false. {% tabs %} diff --git a/Xamarin-iOS/SfRotator/Sliding-Direction.md b/Xamarin-iOS/SfRotator/Sliding-Direction.md index 3e58626f..2a161c44 100644 --- a/Xamarin-iOS/SfRotator/Sliding-Direction.md +++ b/Xamarin-iOS/SfRotator/Sliding-Direction.md @@ -1,19 +1,19 @@ --- layout: post -title: Various features in Syncfusion® Rotator control for Xamarin.iOS -description: Learn how to set the autoplay option, loop the items, enable Text Area and choose the navigation direction in Rotator control for Xamarin.Android +title: Sliding Direction in Syncfusion® Rotator Control for Xamarin.iOS +description: Learn how to configure sliding direction in Syncfusion® Xamarin.iOS Rotator control with horizontal, vertical, and directional navigation options. platform: xamarin.ios -control: Rotator +control: SfRotator documentation: ug --- # Sliding Direction -The `NavigationDirection` property specifies the direction in which items should be navigated in Rotator control. +The `NavigationDirection` property specifies the direction in which items should be navigated in the Rotator control. ## Horizontal -Items can be navigated in horizontal direction. +Items can be navigated in the horizontal direction. {% tabs %} @@ -27,7 +27,7 @@ Items can be navigated in horizontal direction. ## Vertical -Items can be navigated in vertical direction. +Items can be navigated in the vertical direction. {% tabs %} @@ -39,9 +39,9 @@ Items can be navigated in vertical direction. {% endtabs %} -## LeftToRight +## Left to Right -Items can be navigated from Left to Right only. +Items can be navigated from left to right only. {% tabs %} @@ -53,9 +53,9 @@ Items can be navigated from Left to Right only. {% endtabs %} -## RightToLeft +## Right to Left -Items can be navigated from Right to Left only. +Items can be navigated from right to left only. {% tabs %} @@ -67,9 +67,9 @@ Items can be navigated from Right to Left only. {% endtabs %} -## TopToBottom +## Top to Bottom -Items can be navigated from Top to Bottom only. +Items can be navigated from top to bottom only. {% tabs %} @@ -81,9 +81,9 @@ Items can be navigated from Top to Bottom only. {% endtabs %} -## BottomToTop +## Bottom to Top -Items can be navigated from Bottom to Top only. +Items can be navigated from bottom to top only. {% tabs %} diff --git a/Xamarin-iOS/SfRotator/getting-started.md b/Xamarin-iOS/SfRotator/getting-started.md index 5d0fe40e..6228ec9d 100644 --- a/Xamarin-iOS/SfRotator/getting-started.md +++ b/Xamarin-iOS/SfRotator/getting-started.md @@ -1,15 +1,15 @@ --- layout: post -title: Getting Started with syncfusion® Rotator control for Xamarin.iOS -description: A quick tour to initial users on Syncfusion® Rotator control for Xamarin.iOS platform +title: Getting Started with Syncfusion® Rotator Control for Xamarin.iOS +description: Learn how to get started with Syncfusion® Xamarin.iOS Rotator control through step-by-step configuration and customization guide. platform: xamarin.ios -control: Rotator +control: SfRotator documentation: ug --- # Getting Started -This section explains you the steps to configure a Rotator control in a real-time scenario and also provides a walk-through on some of the customization features available in Rotator control. +This section explains the steps to configure a Rotator control in a real-time scenario and also provides a walk-through on some of the customization features available in the Rotator control. ## Referencing Essential Studio® Components in Your Solution @@ -17,7 +17,7 @@ After installing Essential Studio® for Xamarin, you can find all the {Syncfusion Installed location}\Essential Studio {version number}\lib -You have to add the following assembly reference to the iOS unified project +You have to add the following assembly reference to the iOS unified project: iOS-unified\Syncfusion.SfRotator.iOS.dll @@ -50,7 +50,7 @@ iOS-unified\Syncfusion.SfRotator.iOS.dll ## Setting Navigation Mode -SfRotator provides option to display the navigating items either in Thumbnail or Dots mode. The navigation mode for navigating items can be decided using `NavigationMode` property. +SfRotator provides an option to display the navigating items either in Thumbnail or Dots mode. The navigation mode for navigating items can be decided using the `NavigationStripMode` property. {% tabs %} @@ -64,7 +64,7 @@ SfRotator provides option to display the navigating items either in Thumbnail or ## Customizing Position -The placement position of navigation strip items such as Thumbnail or Dots can be customized in SfRotator. This can be specified using `NavigationStripPosition` property. +The placement position of navigation strip items such as Thumbnail or Dots can be customized in SfRotator. This can be specified using the `NavigationStripPosition` property. {% tabs %} @@ -77,4 +77,4 @@ The placement position of navigation strip items such as Thumbnail or Dots can b {% endtabs %} -![](images/rotator.png) \ No newline at end of file +![Rotator Control](images/rotator.png) diff --git a/Xamarin-iOS/SfRotator/navigation-modes.md b/Xamarin-iOS/SfRotator/navigation-modes.md index 0b004e2b..596ea75f 100644 --- a/Xamarin-iOS/SfRotator/navigation-modes.md +++ b/Xamarin-iOS/SfRotator/navigation-modes.md @@ -1,9 +1,9 @@ --- layout: post -title: NavigationMode of Syncfusion® Rotator control for Xamarin.iOS -description: Learn how to view the different navigation modes of the Rotator control in Xamarin.iOS +title: Navigation Modes of Syncfusion® Rotator Control for Xamarin.iOS +description: Learn how to configure navigation modes (Thumbnail, Dots) and strip positions in Syncfusion® Xamarin.iOS Rotator control for image navigation. platform: xamarin.ios -control: Rotator +control: SfRotator documentation: ug --- @@ -23,8 +23,7 @@ The `NavigationStripMode` property specifies the appearance of navigation bar it {% endtabs %} -![](images/thumbnail.png) - +![Thumbnail Navigation Mode](images/thumbnail.png) * `Dots` - The slider items will be loaded in dots view additionally. When a dots item is clicked, the slider will switch to the corresponding image data. {% tabs %} @@ -37,15 +36,14 @@ The `NavigationStripMode` property specifies the appearance of navigation bar it {% endtabs %} -![](images/dots.png) - -## Items / Dot Strip Positions +![Dots Navigation Mode](images/dots.png) +## Items/Dot Strip Positions -The `NavigationStripPosition` position specifies the placement position of the navigation bar items such as thumbnail or dots relative to the slider area. +The `NavigationStripPosition` property specifies the placement position of the navigation bar items such as thumbnail or dots relative to the slider area. -There are four available positions, +There are four available positions: -* `Bottom` - Sets the position of the navigation bar items to bottom. +* `Bottom` - Sets the position of the navigation bar items to the bottom. {% tabs %} @@ -57,7 +55,7 @@ There are four available positions, {% endtabs %} -* `Left` - Sets the position of the navigation bar items to left. +* `Left` - Sets the position of the navigation bar items to the left. {% tabs %} @@ -69,7 +67,7 @@ There are four available positions, {% endtabs %} -* `Top` - Sets the position of the navigation bar items to top. +* `Top` - Sets the position of the navigation bar items to the top. {% tabs %} @@ -81,7 +79,7 @@ There are four available positions, {% endtabs %} -* `Right` - Sets the position of the navigation bar items to right. +* `Right` - Sets the position of the navigation bar items to the right. {% tabs %} @@ -93,5 +91,4 @@ There are four available positions, {% endtabs %} -![](images/tabstrip.png) - +![Navigation Strip Positions](images/tabstrip.png) diff --git a/Xamarin-iOS/SfRotator/navigation-position.md b/Xamarin-iOS/SfRotator/navigation-position.md deleted file mode 100644 index 1cdc4797..00000000 --- a/Xamarin-iOS/SfRotator/navigation-position.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -layout: post -title: NavigationStripPosition in Syncfusion® Rotator Control for Xamarin.iOS -description: Learn how to set the position of the navigation bar items in Rotator control -platform: Xamarin.iOS -control: Rotator -documentation: ug ---- - -# NavigationStripPosition - diff --git a/Xamarin-iOS/SfRotator/overview.md b/Xamarin-iOS/SfRotator/overview.md index c42a8571..cfebec26 100644 --- a/Xamarin-iOS/SfRotator/overview.md +++ b/Xamarin-iOS/SfRotator/overview.md @@ -1,17 +1,17 @@ --- layout: post -title: Overview of Syncfusion® Rotator control for Xamarin.iOS -description: Overview and keyfeatures for Rotator control +title: Overview of Syncfusion® Rotator Control for Xamarin.iOS +description: Learn about Syncfusion® Xamarin.iOS Rotator control that displays and navigates images with thumbnail or dots navigation modes and customizable features. platform: xamarin.ios -control: Rotator +control: SfRotator documentation: ug --- # Overview -SfRotator is a data control used to display images and navigate through them. The images can be selected either by Thumbnail or by Dots support. +SfRotator is a data control used to display images and navigate through them. The images can be selected either by Thumbnail or by Dots navigation modes. -![](images/overview.png) +![Rotator Overview](images/overview.png) ## Key Features diff --git a/Xamarin-iOS/SfRotator/populating-data.md b/Xamarin-iOS/SfRotator/populating-data.md index 33146fd9..e4628466 100644 --- a/Xamarin-iOS/SfRotator/populating-data.md +++ b/Xamarin-iOS/SfRotator/populating-data.md @@ -1,19 +1,19 @@ --- -layout : post -title : Populating data in Syncfusion® Rotator control in Xamarin.iOS -description : Learn how to set the DataSource in Rotator for Xamarin.iOS -platform : xamarin.ios -control : Rotator -documentation : ug +layout: post +title: Populating Data in Syncfusion® Rotator Control in Xamarin.iOS +description: Learn how to set the DataSource in Rotator for Xamarin.iOS +platform: xamarin.ios +control: SfRotator +documentation: ug --- # Populating Data -SfRotator control supports binding to different data sources such as IList Data Source, Observable Collection Data Source. +The SfRotator control supports binding to different data sources such as IList data source and Observable Collection data source. ## DataSource -SfRotator items can be populated with a collection of image data. For example, a user may want to create a SfRotator control which will display a sequence of images. +SfRotator items can be populated with a collection of image data. For example, a user may want to create an SfRotator control that will display a sequence of images. {% tabs %} @@ -40,4 +40,5 @@ SfRotator items can be populated with a collection of image data. For example, a ## RotatorItem -RotatorItems consisting of two properties View and ItemText using this user can set content for SFRotator. +RotatorItems consist of two properties: `View` and `ItemText`. Using these properties, users can set content for SfRotator. + diff --git a/Xamarin-iOS/SfSegmentedControl/Customization.md b/Xamarin-iOS/SfSegmentedControl/Customization.md index 040eebcd..ea962ed8 100644 --- a/Xamarin-iOS/SfSegmentedControl/Customization.md +++ b/Xamarin-iOS/SfSegmentedControl/Customization.md @@ -1,7 +1,7 @@ --- layout: post title: Customization | SfSegmentedControl | Xamarin.iOS | Syncfusion® -description: How to customize the segmented control +description: Learn how to customize the appearance and behavior of the Segmented Control platform: xamarin.ios control: SfSegmentedControl documentation: ug @@ -9,13 +9,13 @@ documentation: ug # Customization -The segmented control supports customizing segment color, text color, icon size, selection color, and more. This control also supports enabling the segments to fit your application’s theme. It can be customized in the following areas. +The Segmented Control supports customizing segment color, text color, icon size, selection color, and more. This control also supports enabling the segments to fit your application's theme. It can be customized in the following areas: -## Text appearance +## Text Appearance -The text inside the segmented control can be customized by its font size, color, and font family. +The text inside the Segmented Control can be customized by its font size, color, and font family. -### Font family and size +### Font Family and Size You can customize the font family and font size of the segmented item using the `Font` property. diff --git a/Xamarin-iOS/SfSegmentedControl/Dealing-with-selection-changed.md b/Xamarin-iOS/SfSegmentedControl/Dealing-with-selection-changed.md index a322ffdd..449bc26a 100644 --- a/Xamarin-iOS/SfSegmentedControl/Dealing-with-selection-changed.md +++ b/Xamarin-iOS/SfSegmentedControl/Dealing-with-selection-changed.md @@ -1,19 +1,19 @@ --- layout: post -title: Selection changed | SfSegmentedControl | Xamarin.iOS | Syncfusion® -description: How to handle selection changed in segmented control +title: Selection Changed | SfSegmentedControl | Xamarin.iOS | Syncfusion® +description: Learn how to handle selection changed events in Segmented Control platform: xamarin.ios control: SfSegmentedControl documentation: ug --- -# Selection changed +# Selection Changed -The selection changed event occurs when changing from one segment item to another in the segmented control. It can be handled in two ways. +The selection changed event occurs when changing from one segment item to another in the Segmented Control. It can be handled in two ways: -## User interface +## User Interface -When users navigate from one item to another, selection is changed, so that the `SelectedIndex` value is updated to a new index of the item. The segmented control provides the `SelectionChanged` event, which occurs when selection is changed with `SelectionChangedEventArgs`. +When users navigate from one item to another, the selection is changed, so the `SelectedIndex` value is updated to the new index of the item. The Segmented Control provides the `SelectionChanged` event, which occurs when the selection is changed with `SelectionChangedEventArgs`. `Index` - Gets the current index value of the selected item. @@ -27,7 +27,7 @@ segmentedControl.BorderColor = UIColor.Red; ## Selected index programmatically -Users can set the default value programmatically for selection to be placed. The selection is updated based on the index value given for `SelectedIndex`. +Users can set the default value programmatically for the selection to be placed. The selection is updated based on the index value given for `SelectedIndex`. {% highlight c# %} SfSegmentedControl segmentedControl = new SfSegmentedControl(); diff --git a/Xamarin-iOS/SfSegmentedControl/Display-mode.md b/Xamarin-iOS/SfSegmentedControl/Display-mode.md index b38ed667..ee820d74 100644 --- a/Xamarin-iOS/SfSegmentedControl/Display-mode.md +++ b/Xamarin-iOS/SfSegmentedControl/Display-mode.md @@ -1,19 +1,19 @@ --- layout: post -title: Display mode | SfSegmentedControl | Xamarin.iOS | Syncfusion® -description: How to display segmented items in segmented control +title: Display Mode | SfSegmentedControl | Xamarin.iOS | Syncfusion® +description: Learn how to display segmented items in different modes in Segmented Control platform: xamarin.ios control: SfSegmentedControl documentation: ug --- -# Display mode +# Display Mode -Depending on application, different scenarios may be needed for effective communication. The segmented control supports the following three options: icons, text, and a combination of both. +Depending on the application, different scenarios may be needed for effective communication. The Segmented Control supports the following three options: icons, text, and a combination of both. ## Text -Items populated in the segmented control will be displayed as text by default. +Items populated in the Segmented Control will be displayed as text by default. {% highlight c# %} public override void ViewDidLoad() @@ -50,7 +50,7 @@ public override void ViewDidLoad() ## Image -Items populated in the segmented control can be displayed as icons. +Items populated in the Segmented Control can be displayed as icons. {% highlight c# %} ObservableCollection ImageTextCollection; @@ -175,5 +175,5 @@ segmentItem.FontIconFont = customFontFamily; **Adding font file in project** 1. Add the font file inside the `Resource` folder. -2. Set font file build action to `BundleResource`. -3. Update the `Info.plist` file (fonts that are provided by application, UIAppFonts, or key). +2. Set the font file build action to `BundleResource`. +3. Update the `Info.plist` file (fonts that are provided by application, UIAppFonts, or key). diff --git a/Xamarin-iOS/SfSegmentedControl/Handling-multiple-segments.md b/Xamarin-iOS/SfSegmentedControl/Handling-multiple-segments.md index b43fb081..cb6f40d0 100644 --- a/Xamarin-iOS/SfSegmentedControl/Handling-multiple-segments.md +++ b/Xamarin-iOS/SfSegmentedControl/Handling-multiple-segments.md @@ -1,19 +1,19 @@ --- layout: post title: Multiple Segments | SfSegmentedControl | Xamarin.iOS | Syncfusion® -description: How to handle multiple segments in segmented control +description: Learn how to handle multiple segments in Segmented Control platform: xamarin.ios control: SfSegmentedControl documentation: ug --- -# Handling multiple segments +# Handling Multiple Segments -The segmented control handles segmented items with space distributed for items in two ways by `VisibleSegmentsCount` and `SegmentWidth`. When the available space in the segmented control is not equally distributed, the items beyond the edges of the control can be viewed by scrolling the panel. +The Segmented Control handles segmented items with space distributed for items in two ways: by `VisibleSegmentsCount` and `SegmentWidth`. When the available space in the Segmented Control is not equally distributed, the items beyond the edges of the control can be viewed by scrolling the panel. -## Visible segment counts +## Visible Segment Counts -The segmented control displays items for view based on the count value given for the `VisibleSegmentsCount` property. +The Segmented Control displays items for view based on the count value given for the `VisibleSegmentsCount` property. {% highlight c# %} @@ -45,9 +45,9 @@ public override void ViewDidLoad() ![SegmentedControl VisibleSegmentsCount in Xamarin.iOS](images/Multiple-segments/SegmentedControl_VisibleSegments.png) -## Segment width +## Segment Width -You can use the `SegmentWidth` property to display the segmented items within the given width instead of `VisibleSegmentsCount`. +You can use the `SegmentWidth` property to display the segmented items within the given width instead of using `VisibleSegmentsCount`. {% highlight c# %} diff --git a/Xamarin-iOS/SfSegmentedControl/Indicating-the-selected-item.md b/Xamarin-iOS/SfSegmentedControl/Indicating-the-selected-item.md index 68b5b4cc..ebbda976 100644 --- a/Xamarin-iOS/SfSegmentedControl/Indicating-the-selected-item.md +++ b/Xamarin-iOS/SfSegmentedControl/Indicating-the-selected-item.md @@ -1,19 +1,19 @@ --- layout: post title: Selection Indicator | SfSegmentedControl | Xamarin.iOS | Syncfusion® -description: How to handle selection indicator settings in segmented control +description: Learn how to handle selection indicator settings in Segmented Control platform: xamarin.ios control: SfSegmentedControl documentation: ug --- -# Indicating the selected item +# Indicating the Selected Item -The segmented control indicates the selected item by differentiating it with text color of the item or by using selection strip. +The Segmented Control indicates the selected item by differentiating it with the text color of the item or by using a selection strip. -## Selection text color +## Selection Text Color -You can change the text color of the selected item to desired color. The selected item's text color can be customized using the `SelectionTextColor` property. +You can change the text color of the selected item to the desired color. The selected item's text color can be customized using the `SelectionTextColor` property. {% highlight c# %} @@ -25,15 +25,15 @@ segmentControl.SelectionTextColor = UIColor.FromRGB(4, 142, 172); ## Selection Strip -A selection strip is used to indicate the selected item in the segmented control. The selection strip can be customized in many forms. +A selection strip is used to indicate the selected item in the Segmented Control. The selection strip can be customized in many forms. -#### Position +### Position The position of the selection indicator can be customized in different ways such as top, bottom, fill, and border. ###### Top -The selection strip can be displayed as a line with customizable color and thickness. It can be positioned at the top of selected item. +The selection strip can be displayed as a line with customizable color and thickness. It can be positioned at the top of the selected item. {% highlight c# %} @@ -44,9 +44,9 @@ segmentControl.SelectionIndicatorSettings = new SelectionIndicatorSettings() {Po ![Selected segment item Top in Xamarin.iOS](images/Selection-indicator/SegmentedControl_Top.png) -###### Bottom +#### Bottom -Like top placement, selection strip can be customized by its color and thickness, and it can be positioned at the bottom of selected item. +Like top placement, the selection strip can be customized by its color and thickness, and it can be positioned at the bottom of the selected item. {% highlight c# %} @@ -56,7 +56,7 @@ segmentControl.SelectionIndicatorSettings = new SelectionIndicatorSettings() {Po ![Selected segment item Bottom in Xamarin.iOS](images/Selection-indicator/SegmentedControl_Bottom.png) -###### Fill +#### Fill The selection strip can be placed over a segment item to indicate the selection. You can customize its color to highlight the item. @@ -68,7 +68,7 @@ segmentControl.SelectionIndicatorSettings = new SelectionIndicatorSettings() {Po ![Selected segment item Fill in Xamarin.iOS](images/Selection-indicator/SegmentedControl_Fill.png) -###### Border +#### Border The selection strip can be set as a border to highlight the selected item. @@ -80,7 +80,7 @@ segmentControl.SelectionIndicatorSettings = new SelectionIndicatorSettings() {Po ![Selected segment item Border in Xamarin.iOS](images/Selection-indicator/SegmentedControl_Border.png) -#### Color +### Color The background color of the selection strip can be customized using the `Color` property of `SelectionIndicatorSettings`. @@ -92,9 +92,9 @@ segmentControl.SelectionIndicatorSettings = new SelectionIndicatorSettings() { C ![Selected segment item Color in Xamarin.iOS](images/Selection-indicator/SegmentedControl_Stripcolor.png) -#### Thickness +### Thickness -The border thickness of the selection strip can be customized using the `Thickness` property of `SelectionIndicatorSettings`. +The border thickness of the selection strip can be customized using the `StrokeThickness` property of `SelectionIndicatorSettings`. {% highlight c# %} @@ -106,3 +106,4 @@ segmentControl.SelectionIndicatorSettings = new SelectionIndicatorSettings() { S + diff --git a/Xamarin-iOS/SfSegmentedControl/Overview.md b/Xamarin-iOS/SfSegmentedControl/Overview.md index c3d60ebd..dc0d7e08 100644 --- a/Xamarin-iOS/SfSegmentedControl/Overview.md +++ b/Xamarin-iOS/SfSegmentedControl/Overview.md @@ -1,7 +1,7 @@ --- layout: post title: Overview | SfSegmentedControl | Xamarin.iOS | Syncfusion® -description: This explains about the Overview and key features of Syncfusion® Essential® Xamarin.iOS Segmented control. +description: This section explains the overview and key features of Syncfusion® Essential® Xamarin.iOS Segmented Control. platform: xamarin.ios control: SfSegmentedControl documentation: ug @@ -9,8 +9,7 @@ documentation: ug # Overview - -Essential® segmented control for Xamarin.iOS provides a simple way to choose from a linear set of two or more segments, each of which functions as a mutually exclusive button. +Essential® Segmented Control for Xamarin.iOS provides a simple way to choose from a linear set of two or more segments, each of which functions as a mutually exclusive button. ![SegmentedControl overview in Xamarin.iOS](images/Overview/SegmentedControlOverview.png) diff --git a/Xamarin-iOS/SfSegmentedControl/Populating-data-source.md b/Xamarin-iOS/SfSegmentedControl/Populating-data-source.md index 3f87e10d..63e61d58 100644 --- a/Xamarin-iOS/SfSegmentedControl/Populating-data-source.md +++ b/Xamarin-iOS/SfSegmentedControl/Populating-data-source.md @@ -45,7 +45,7 @@ public override void ViewDidLoad() ## Segment items -The segmented control customizes the text or icons or use other built-in customization options available for the segments. Segment item collections can also be used. +The segmented control allows you to customize the text or icons, or use other built-in customization options available for the segments. Segment item collections can also be used. {% highlight c# %} ObservableCollection sizeCollection; diff --git a/Xamarin-iOS/SfSegmentedControl/how-to/Autoscrolling-the-selected-segment-item.md b/Xamarin-iOS/SfSegmentedControl/how-to/Autoscrolling-the-selected-segment-item.md index 5e149e7c..a755ef2e 100644 --- a/Xamarin-iOS/SfSegmentedControl/how-to/Autoscrolling-the-selected-segment-item.md +++ b/Xamarin-iOS/SfSegmentedControl/how-to/Autoscrolling-the-selected-segment-item.md @@ -1,20 +1,20 @@ --- layout: post -title: Auto scrolling the Syncfusion® segmented control for Xamarin.iOS -description: Learn how to auto scroll the selected index in the segmented control +title: Auto Scrolling in Syncfusion® Segmented Control for Xamarin.iOS +description: Learn how to enable auto scrolling for the selected index in the Segmented Control platform: xamarin.ios control: SfSegmentedControl documentation: ug --- -# Autoscrolling the selected segment item +# Auto Scrolling the Selected Segment Item -Auto scrolling for selected item change can be enabled by setting the value of [`AutoScrollSelectedItem`]() property to true. You can set the scroll position of segment item using the [`ScrollToPosition`]() property. The default value for [`AutoScrollSelectedItem`]() is false, and the default value for [`ScrollToPosition`]() is [`MakeVisible`](). The following options are available in [`ScrollToPosition`](): +Auto scrolling for selected item changes can be enabled by setting the `AutoScrollSelectedItem` property to `true`. You can set the scroll position of the segment item using the `ScrollToPosition` property. The default value for `AutoScrollSelectedItem` is `false`, and the default value for `ScrollToPosition` is `MakeVisible`. The following options are available for `ScrollToPosition`: -* [`MakeVisible`]() - Scrolls to the selected segment item to make it visible in the control. If the item is already visible, scrolling will not occur. -* [`Start`]() - Scrolls to the selected segment item at the start of the control. -* [`Center`]() - Scrolls to the selected segment item at the center of the control. -* [`End`]() - Scrolls to selected segment item at the end of the control. +* `MakeVisible` - Scrolls to the selected segment item to make it visible in the control. If the item is already visible, scrolling will not occur. +* `Start` - Scrolls to the selected segment item at the start of the control. +* `Center` - Scrolls to the selected segment item at the center of the control. +* `End` - Scrolls to the selected segment item at the end of the control. {% tabs %} diff --git a/Xamarin-iOS/SfTabView/CenterButtonSettings.md b/Xamarin-iOS/SfTabView/CenterButtonSettings.md index 55c76840..a1695b69 100644 --- a/Xamarin-iOS/SfTabView/CenterButtonSettings.md +++ b/Xamarin-iOS/SfTabView/CenterButtonSettings.md @@ -7,9 +7,9 @@ control: TabView documentation: ug --- -# CenterButtonSettings +# CenterButton Settings -This section explains on how to create and customize The Xamarin.Android SfTabView CenterButton. To enable CenterButton we need to set the `OverFlowMode` of Xamarin.Android SfTabView as `CenterButton`. +This section explains how to create and customize the CenterButton in the Xamarin.iOS SfTabView control. To enable the CenterButton, you need to set the `OverflowMode` of the SfTabView to `CenterButton`. {% tabs %} diff --git a/Xamarin-iOS/SfTabView/Custom-Header.md b/Xamarin-iOS/SfTabView/Custom-Header.md index f5c1512e..bb78c4a0 100644 --- a/Xamarin-iOS/SfTabView/Custom-Header.md +++ b/Xamarin-iOS/SfTabView/Custom-Header.md @@ -1,7 +1,7 @@ --- layout: post -title: Custom Header -description: Custom Header in Syncfusion® TabView control for Xamarin.iOS platform +title: Custom Header in Syncfusion® TabView control for Xamarin.iOS +description: Learn how to create and implement custom headers in Syncfusion® TabView control for Xamarin.iOS platform platform: xamarin.ios control: TabView documentation: ug @@ -44,3 +44,4 @@ private void AllCallsButton_Clicked(object sender, EventArgs e) {% endhighlight %} + diff --git a/Xamarin-iOS/SfTabView/Display-Type.md b/Xamarin-iOS/SfTabView/Display-Type.md index 99cfaa0f..82043820 100644 --- a/Xamarin-iOS/SfTabView/Display-Type.md +++ b/Xamarin-iOS/SfTabView/Display-Type.md @@ -1,7 +1,7 @@ --- layout: post -title: Display Type -description: Different display types available in Syncfusion® TabView control for Xamarin.iOS platform +title: Display Type in Syncfusion® TabView control for Xamarin.iOS +description: Learn about different display types available in Syncfusion® TabView control for Xamarin.iOS platform platform: xamarin.ios control: TabView documentation: ug @@ -9,17 +9,20 @@ documentation: ug # Display Type -Tab view displays the title of each tab item by default. This can be changed to any of the following types: +The TabView displays the title of each tab item by default. You can customize the display appearance by choosing from the following display modes: -* Text only -* Image only -* Image with text -* No header +* **Text only** - Shows only the title text +* **Image only** - Shows only the icon/image +* **Image with text** - Shows both icon and title text +* **No header** - Hides the header completely -![](images/Display-Type/xamarin_ios_tabstyle01.png) +![TabView Display Types](images/Display-Type/xamarin_ios_tabstyle01.png) +*Different display types in TabView* -Display type can be changed by setting the `DisplayMode` property of `SfTabView`. +## Setting Display Mode + +You can change the display type by setting the `DisplayMode` property of `SfTabView`: {% tabs %} diff --git a/Xamarin-iOS/SfTabView/Getting-Started.md b/Xamarin-iOS/SfTabView/Getting-Started.md index 52d2f2d6..3a0fa2a0 100644 --- a/Xamarin-iOS/SfTabView/Getting-Started.md +++ b/Xamarin-iOS/SfTabView/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post title: Getting Started with Syncfusion® TabView control for Xamarin.iOS -description: A quick tour to initial users on Syncfusion® TabView control for Xamarin.iOS platform +description: A quick tour for new users on Syncfusion® TabView control for Xamarin.iOS platform platform: xamarin.ios control: TabView documentation: ug @@ -9,11 +9,11 @@ documentation: ug # Getting Started -This section provides an overview for working with the tab view control for Xamarin.iOS. Walk through the entire process of creating a real-world application with tab view. +This section provides an overview for working with the TabView control for Xamarin.iOS. This guide walks you through the entire process of creating a real-world application with TabView. -## Assembly deployment +## Assembly Deployment -After installing the Essential Studio® for Xamarin, find all the required assemblies in the installation folders, +After installing Essential Studio® for Xamarin, you can find all the required assemblies in the installation folders: {Syncfusion Essential Studio Installed location}\Essential Studio\16.1.0.24\Xamarin\lib} diff --git a/Xamarin-iOS/SfTabView/Handling-of-Overflow-Tabs.md b/Xamarin-iOS/SfTabView/Handling-of-Overflow-Tabs.md index 133d27e4..b1b1c08f 100644 --- a/Xamarin-iOS/SfTabView/Handling-of-Overflow-Tabs.md +++ b/Xamarin-iOS/SfTabView/Handling-of-Overflow-Tabs.md @@ -1,13 +1,13 @@ --- layout: post -title: Handling OverFlow Tabs -description: Handling of Overflow tabs in Syncfusion® TabView control for Xamarin.iOS platform +title: Handling Overflow Tabs in Syncfusion® TabView control for Xamarin.iOS +description: Learn how to handle overflow tabs in Syncfusion® TabView control for Xamarin.iOS platform platform: xamarin.ios control: TabView documentation: ug --- -# Handling overflow tabs +# Handling Overflow Tabs When you have large number of tabs, the scroller will be enabled to view the overflow of headers, by default. It can be selected from a pop-up by setting the `OverflowMode` property of `SfTabView` to `DropDown`. diff --git a/Xamarin-iOS/SfTabView/Overview.md b/Xamarin-iOS/SfTabView/Overview.md index f31ea862..35b6e227 100644 --- a/Xamarin-iOS/SfTabView/Overview.md +++ b/Xamarin-iOS/SfTabView/Overview.md @@ -9,15 +9,15 @@ documentation : ug # Overview -The tab view control is available in Xamarin.Forms, Xamarin.Android, and Xamarin.iOS. It helps you to create the customizable features that are used to explore and switch among the different views. The key features of tab view control in Xamarin.Forms, Xamarin.Android, and Xamarin.iOS are follows. +The TabView control is available in Xamarin.Forms, Xamarin.Android, and Xamarin.iOS. It helps you create customizable features that are used to explore and switch between different views. The key features of the TabView control in Xamarin.Forms, Xamarin.Android, and Xamarin.iOS are as follows: ## Key Features -* Tab header type with text, font icons, and no header. -* Scrollable content and header. -* Top and bottom placements of header. -* Layout option for overflow tabs. +* Tab header types with text, font icons, and no header options +* Scrollable content and header +* Top and bottom header placements +* Layout options for overflow tabs N> Currently, tab view control for Xamarin.Forms(UWP) is not available. -![](images/Overview/xamarin_ios_tabview.png) \ No newline at end of file +![TabView Overview](images/Overview/xamarin_ios_tabview.png) diff --git a/Xamarin-iOS/SfTabView/Position-of-Header.md b/Xamarin-iOS/SfTabView/Position-of-Header.md index 7b550362..06ac066c 100644 --- a/Xamarin-iOS/SfTabView/Position-of-Header.md +++ b/Xamarin-iOS/SfTabView/Position-of-Header.md @@ -1,15 +1,15 @@ --- layout: post -title: Positioning of header +title: Positioning of Header description: Positioning of header in Syncfusion® TabView control for Xamarin.iOS platform platform: xamarin.ios -control: TabView +control: SfTabView documentation: ug --- -## Positioning of header +## Positioning of Header -Tab headers can be positioned either above the content or below the content; it can be done by setting the `TabHeaderPosition` property of `SfTabView`. +Tab headers can be positioned either above the content or below the content. This can be done by setting the `TabHeaderPosition` property of `SfTabView`. {% tabs %} diff --git a/Xamarin-iOS/SfTabView/Selection-Changed.md b/Xamarin-iOS/SfTabView/Selection-Changed.md index b484d10f..63a49232 100644 --- a/Xamarin-iOS/SfTabView/Selection-Changed.md +++ b/Xamarin-iOS/SfTabView/Selection-Changed.md @@ -2,14 +2,14 @@ layout: post title: Selection Changed description: Selection changed event in TabView control for Xamarin.iOS platform -platform: Xamarin.iOS -control: TabView +platform: xamarin.ios +control: SfTabView documentation: ug --- # Selection Changed -The `SelectionChanged` event notifies when the selection is changed due to swiping or dynamically setting the `SelectedIndex` property of `SfTabView`. +The `SelectionChanged` event is triggered when the selection changes due to swiping or dynamically setting the `SelectedIndex` property of `SfTabView`. {% tabs %} @@ -27,6 +27,7 @@ tabView.SelectionChanged += SfTabView_SelectionChanged; {% endtabs %} -## Enable swiping +## Enable Swiping + +When you need to restrict the selection changed event through user interaction, set the `EnableSwiping` property of `SfTabView` to `false`. -When the selection changed event needs to be restricted through user interaction, set the `EnableSwiping` property of `SfTabView` to `false`. diff --git a/Xamarin-iOS/SfTabView/Selection-Indicator.md b/Xamarin-iOS/SfTabView/Selection-Indicator.md index 0b10bf53..eca8b818 100644 --- a/Xamarin-iOS/SfTabView/Selection-Indicator.md +++ b/Xamarin-iOS/SfTabView/Selection-Indicator.md @@ -1,20 +1,19 @@ --- layout: post -title: Selection Indicator strip +title: Selection Indicator Strip description: Selection Indicator in Syncfusion® TabView control for Xamarin.iOS platform platform: xamarin.ios -control: TabView +control: SfTabView documentation: ug --- # Selection Indicator Strip -The selection indicator strip can be used to indicate the selected index of the tab view control. This can be customized with the built-in APIs that are available in the `SelectionIndicatorSettings` of `SfTabView`. +The selection indicator strip can be used to indicate the selected index of the TabView control. This can be customized with the built-in APIs that are available in the `SelectionIndicatorSettings` of `SfTabView`. -![](images/Selection-Indicator/xamarin_ios_tabstyle02.png) +![Selection Indicator Strip](images/Selection-Indicator/xamarin_ios_tabstyle02.png) - -The selection indicator can be positioned below the title or above the title, or else it can be filled to the entire selected header space. +The selection indicator can be positioned below the title, above the title, or it can be filled to the entire selected header space. {% tabs %} @@ -32,5 +31,4 @@ The selection indicator can be positioned below the title or above the title, or {% endtabs %} -N> Stroke thickness will not applicable when the selection indicator’s position is set to "Fill". - +> **Note:** Stroke thickness is not applicable when the selection indicator's position is set to "Fill". diff --git a/Xamarin-iOS/SfTabView/TabItems.md b/Xamarin-iOS/SfTabView/TabItems.md index 09471260..69ab58b4 100644 --- a/Xamarin-iOS/SfTabView/TabItems.md +++ b/Xamarin-iOS/SfTabView/TabItems.md @@ -2,14 +2,14 @@ layout: post title: Tab Items description: About Tab items in TabView control for Xamarin.iOS platform -platform: Xamarin.iOS -control: TabView +platform: xamarin.ios +control: SfTabView documentation: ug --- # Tab Items -Tab items can be configured in tab view through the `Items` property of `SfTabView`, which holds the collection of `SfTabItem` through `TabItemsCollection`. +Tab items can be configured in TabView through the `Items` property of `SfTabView`, which holds the collection of `SfTabItem` through `TabItemCollection`. {% tabs %} @@ -42,9 +42,9 @@ Tab items can be configured in tab view through the `Items` property of `SfTabVi {% endtabs %} -## Share the header space equally +## Share the Header Space Equally -To share the header space to the tabs equally, set the number of tabs that can be distributed in the available space though the `VisibleHeaderCount` of `SfTabView`. +To share the header space among the tabs equally, set the number of tabs that can be distributed in the available space through the `VisibleHeaderCount` property of `SfTabView`. {% tabs %} diff --git a/Xamarin-iOS/SfTabView/TabView-events.md b/Xamarin-iOS/SfTabView/TabView-events.md index 55c6ba8f..998983c7 100644 --- a/Xamarin-iOS/SfTabView/TabView-events.md +++ b/Xamarin-iOS/SfTabView/TabView-events.md @@ -1,15 +1,15 @@ --- layout: post -title: ItemTapped event for Syncfusion® Essential® SfTabView. -description: ItemTapped event in TabView control for Xamarin.iOS platform +title: TabItemTapped Event for Syncfusion® Essential® SfTabView +description: TabItemTapped event in TabView control for Xamarin.iOS platform platform: xamarin.ios -control: TabView +control: SfTabView documentation: ug --- -# TabItemTapped +# TabItemTapped Event -Whenever the TabItem is tapped, the `TabItemTapped` event will occur. Using this event, you can Modify the selected Tab Item properties. +Whenever a TabItem is tapped, the `TabItemTapped` event will occur. Using this event, you can modify the selected tab item properties. {% tabs %} @@ -56,4 +56,4 @@ void TabView_TabItemTapped(object sender, TabItemTappedEventArgs e) {% endtabs %} -![CenterButton](images/TabView-Events/TabItemTapped.png) \ No newline at end of file +![TabItemTapped Event](images/TabView-Events/TabItemTapped.png)