Skip to content

959295 - Review changes the Last seven Xamarin Tools Controls by AI #1112

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: development
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions Xamarin/Badge-View/Animation.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
---

layout: post
title: Badge animation with Syncfusion Badge View control for Xamarin.Forms
description: Learn how to set Syncfusion badge view animation in Xamarin.Forms platform
platform: xamarin
title: Badge Animation with Syncfusion Badge View Control for Xamarin.Forms
description: Learn how to configure badge view animations in the Syncfusion Xamarin.Forms platform.
platform: Xamarin
control: SfBadgeView
documentation: ug

Expand Down Expand Up @@ -52,4 +52,4 @@ Content = sfBadgeView;

{% endtabs %}

![Xamarin BadgeView Font Customization](animation_images/xamarin.forms-badge-view-animation.gif)
![Xamarin BadgeView Animation](animation_images/xamarin.forms-badge-view-animation.gif)
58 changes: 28 additions & 30 deletions Xamarin/Badge-View/Badge-customization.md
Original file line number Diff line number Diff line change
@@ -1,22 +1,20 @@
---

layout: post
title: Customization of Syncfusion Badge View control for Xamarin.Forms
description: This section explain font, stroke, Text customization in the Syncfusion SfBadgeView control in Xamarin.Forms platform
platform: xamarin
title: Customizing Syncfusion Badge View Control for Xamarin.Forms
description: Explore font, stroke, and text customization options for the Syncfusion SfBadgeView control in Xamarin.Forms.
platform: Xamarin
control: SfBadgeView
documentation: ug

---

# Badge Customization in Xamarin Badge View (SfBadgeView)

The [`BadgeSettings`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.SfBadgeView.html#Syncfusion_XForms_BadgeView_SfBadgeView_BadgeSettings) property helps you customize the basic look and feel of the badge view.
[`BadgeSettings`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.SfBadgeView.html#Syncfusion_XForms_BadgeView_SfBadgeView_BadgeSettings) contains the sub elements such as badge types, positions, icons, colors, and alignments. You can customize the background color, text color, stroke color, width, offset, and font attributes.
The [`BadgeSettings`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.SfBadgeView.html#Syncfusion_XForms_BadgeView_SfBadgeView_BadgeSettings) property allows you to customize the badge view's appearance, including badge type, position, icon, color, and alignment. You can modify the background color, text color, stroke properties, offset, and font attributes.
## Font Customization

## Font customization

The font can be customized using the [`FontSize`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_FontSize), [`FontAttributes`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_FontAttributes), and [`FontFamily`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_FontFamily) properties.
Customize the badge text font using the [`FontSize`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_FontSize), [`FontAttributes`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_FontAttributes), and [`FontFamily`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_FontFamily) properties.

{% tabs %}

Expand Down Expand Up @@ -61,9 +59,9 @@ Content = sfBadgeView;

![Xamarin BadgeView Font Customization](badge-customization_images/font_customization.png)

## Stroke customization
## Stroke Customization

The stroke color and stroke width of the badge view can be customized using the [`Stroke`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_Stroke) and [`StrokeWidth`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_StrokeWidth) properties, respectively.
Customize the stroke color and width of the badge using the [`Stroke`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_Stroke) and [`StrokeWidth`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_StrokeWidth) properties.

{% tabs %}

Expand Down Expand Up @@ -103,9 +101,9 @@ Content = sfBadgeView;

![Xamarin BadgeView Stroke Customization](badge-customization_images/stroke_customization.png)

## Text customization
## Text Customization

The text color and margin of badge view can be changed using the [`TextColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_TextColor) and [`TextPadding`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_TextPadding) properties, respectively.
Modify the text color and margin of the badge view using the [`TextColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_TextColor) and [`TextPadding`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_TextPadding) properties.

{% tabs %}

Expand Down Expand Up @@ -145,18 +143,18 @@ Content = sfBadgeView;

![Xamarin BadgeView Text Customization](badge-customization_images/text_customization.png)

## Predefined styles
## Predefined Styles

You can change the colors of the badge using the [`BadgeType`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_BadgeType) property. The badge supports the following eight different essential colors for various situations:
You can change the badge color using the [`BadgeType`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_BadgeType) property. The badge supports eight colors for different contexts:

* Dark
* Error
* Info
* Light
* Primary
* Secondary
* Success
* Warning
- Dark
- Error
- Info
- Light
- Primary
- Secondary
- Success
- Warning

{% tabs %}

Expand Down Expand Up @@ -196,9 +194,9 @@ Content = sfBadgeView;

![Xamarin BadgeView Types](badge-customization_images/badge_type.png)

## Badge background customization
## Badge Background Customization

Set the [`BadgeType`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_BadgeType) to `None`. You can customize the color of the badge view using the [`BackgroundColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_BackgroundColor) property.
Set the [`BadgeType`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_BadgeType) to `None` to manually customize the badge color using the [`BackgroundColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_BackgroundColor) property.

{% tabs %}

Expand Down Expand Up @@ -238,9 +236,9 @@ Content = sfBadgeView;

![Xamarin BadgeView BackgroundColor](badge-customization_images/background_customization.png)

## Setting corner radius of the badge
## Setting Corner Radius of the Badge

The [`CornerRadius`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_CornerRadius) property is used to reduce the radius of the corners.
The [`CornerRadius`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_CornerRadius) property customizes the corner radius of the badge.

{% tabs %}

Expand Down Expand Up @@ -279,9 +277,9 @@ Content = sfBadgeView;

![Xamarin BadgeView Corner Radius](badge-customization_images/corner_radius.png)

## Alignment of badge
## Alignment of Badge

You can align the badge view using the `Center`, `Start`, and `End` properties of [`BadgeAlignment`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_BadgeAlignment) property.
Align the badge using the `Center`, `Start`, and `End` properties of the [`BadgeAlignment`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_BadgeAlignment) property.

{% tabs %}

Expand Down Expand Up @@ -326,6 +324,6 @@ Content = sfBadgeView;

![Xamarin BadgeView Alignment](badge-customization_images/badge_alignment.png)

## See also
## See Also

[How to add a custom icon to the badge in Xamarin.Forms badge view (SfBadgeView)](https://support.syncfusion.com/kb/article/10046/how-to-add-a-custom-icon-to-the-badge-in-xamarin-forms-badge-view-sfbadgeview)
[How to Add a Custom Icon to the Badge in Xamarin.Forms Badge View (SfBadgeView)](https://support.syncfusion.com/kb/article/10046/how-to-add-a-custom-icon-to-the-badge-in-xamarin-forms-badge-view-sfbadgeview)
33 changes: 19 additions & 14 deletions Xamarin/Badge-View/Getting-Started.md
Original file line number Diff line number Diff line change
@@ -1,33 +1,38 @@
---
layout: post
title: Getting Started with Syncfusion Badge View control for Xamarin.Forms
description: This section explains how to add SfBadgeView reference, lanching the control in each platform, and initializing the control
platform: xamarin
title: Getting Started with Syncfusion Badge View Control for Xamarin.Forms
description: This section explains how to add the SfBadgeView reference, launch the control on each platform, and initialize it.
platform: Xamarin
control: SfBadgeView
documentation: ug
---

# SfBadgeView Getting Started
# Getting Started with SfBadgeView
This section outlines the steps required to configure the [Xamarin Badge View](https://www.syncfusion.com/xamarin-ui-controls/xamarin-badge-view) (`SfBadgeView`) control and customize its elements.

This section explains the steps required to configure the [Xamarin Badge View](https://www.syncfusion.com/xamarin-ui-controls/xamarin-badge-view) (SfBadgeView) control and customize its elements.
## Assembly Deployment

## Assembly deployment
After installing [Essential Studio® for Xamarin](https://www.syncfusion.com/downloads/xamarin), locate all necessary assemblies in: `{Syncfusion Essential Studio Installed location}/Essential Studio/{Version #}/Xamarin/lib`.

After installing [Essential Studio® for Xamarin](https://www.syncfusion.com/downloads/xamarin), you can find all the required assemblies in the installation folders, {Syncfusion Essential Studio Installed location} \Essential Studio\\{Version #}\Xamarin\lib.
Example path: `C:\Program Files (x86)\Syncfusion\Essential Studio\19.1.0.54\Xamarin\lib`.

E.g.: C:\Program Files (x86) \Syncfusion\Essential Studio\19.1.0.54\Xamarin\lib
> **Note:** On Mac, assemblies are found in: `Documents/Syncfusion/{Version #}/Xamarin/lib`.
## Adding SfBadgeView Reference

N> Assemblies can be found in unzipped package location(Documents/Syncfusion/{Version #}/Xamarin/lib) in Mac.
You can add the SfBadgeView reference using one of the following methods:

## Adding SfBadgeView reference
**Method 1: Using NuGet**
Syncfusion Xamarin components are available on [nuget.org](https://www.nuget.org/). To add `SfBadgeView` to your project, open the NuGet package manager in Visual Studio, search for [Syncfusion.Xamarin.SfBadgeView](https://www.nuget.org/packages/Syncfusion.Xamarin.SfBadgeView), and install it.

You can add SfBadgeView reference using one of the following methods:
![Adding SfBadgeView reference from NuGet](getting-started_images/Adding SfBadgeView reference.png)

**Method 1: Adding SfBadgeView reference from nuget.org**
> **Note:** Install the same version of the SfBadgeView NuGet in all projects.

Syncfusion Xamarin components are available in [nuget.org](https://www.nuget.org/). To add SfBadgeView to your project, open the NuGet package manager in Visual Studio, search for [Syncfusion.Xamarin.SfBadgeView](https://www.nuget.org/packages/Syncfusion.Xamarin.SfBadgeView), and then install it.
**Method 2: Using Xamarin Toolbox**
The Xamarin Toolbox allows you to drag the `SfBadgeView` control onto the XAML page, automatically installing required [NuGet packages](https://help.syncfusion.com/xamarin/visual-studio-integration/nuget-packages) and adding the namespace. Learn more about the [Toolbox](https://help.syncfusion.com/xamarin/utility#toolbox).

![Adding SfBadgeView reference from nuget](getting-started_images/Adding SfBadgeView reference.png)
**Method 3: Manually Adding Assemblies**
Manually reference assemblies from the installed location:

N> Install the same version of SfBadgeView NuGet in all the projects.

Expand Down
23 changes: 10 additions & 13 deletions Xamarin/Badge-View/Overview.md
Original file line number Diff line number Diff line change
@@ -1,26 +1,23 @@
---

layout: post
title: Overview of Syncfusion Badge View control for Xamarin.Forms
description: This section explains the key features and quick overview about Syncfusion Badge view control for Xamarin.Forms
platform: xamarin
title: Overview of Syncfusion Badge View Control for Xamarin.Forms
description: Discover the key features and an overview of the Syncfusion Badge View control for Xamarin.Forms.
platform: Xamarin
control: SfBadgeView
documentation: ug

---

# Overview

Badges are used to notify users of new or unread messages, notifications, or the status of something.
Badges notify users of new or unread messages, alerts, notifications, or statuses.

## Key features
## Key Features

**Position** : Position the badge text around the badge content.
- **Position**: Flexibly position the badge text around the badge content.
- **Predefined Styles**: Customize the badge background with a range of predefined colors.
- **Animation**: Utilize animations for dynamic badge text presentation.
- **Predefined Symbols**: Access built-in notification symbols like available, busy, away, and delete.

**Predefined styles**: Customize the badge background with predefined colors.

**Animation**: Use animations for badge text.

**Predefined symbols**: The Badge View control provides predefined notification symbols such as available, busy, away, and delete.

![Xamarin badge view overview](overview_images/overview.png)
![Xamarin Badge View Overview](overview_images/overview.png)
14 changes: 7 additions & 7 deletions Xamarin/Badge-View/Position-customization.md
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
---

layout: post
title: Position customization of Syncfusion Badge view for Xamarin.Forms
description: This section explain about how to set Syncfusion badge view position customization in Xamarin.Forms platform
platform: xamarin
title: Position Customization of Syncfusion Badge View for Xamarin.Forms
description: Learn how to customize the position of the Syncfusion Badge View in the Xamarin.Forms platform.
platform: Xamarin
control: SfBadgeView
documentation: ug

---

# Position customization
# Position Customization

The default position of notification is `TopRight`. You can change the position to the `TopLeft`, `BottomLeft`, and `BottomRight` using the [`BadgePosition`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_BadgePosition) properties.
The default badge position is `TopRight`. You can change the position to `TopLeft`, `BottomLeft`, or `BottomRight` using the [`BadgePosition`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_BadgePosition) property.

{% tabs %}

Expand Down Expand Up @@ -50,9 +50,9 @@ Content = sfBadgeView;

![Xamarin BadgeView Badge Position](badge-position_images/badgeposition.png)

## Setting badge offset
## Setting Badge Offset

You can adjust the badge view using the [`Offset`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_Offset) property.
Adjust the badge view position using the [`Offset`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_Offset) property.

{% tabs %}

Expand Down
31 changes: 15 additions & 16 deletions Xamarin/Badge-View/Predefined-symbols.md
Original file line number Diff line number Diff line change
@@ -1,29 +1,28 @@
---

layout: post
title: Predefined symbols of Syncfusion Badge view control for Xamarin.Forms
description: Learn how to set Syncfusion badge view predefined symbols and types of badge icons in Xamarin.Forms platform
platform: xamarin
title: Predefined Symbols of Syncfusion Badge View Control for Xamarin.Forms
description: Learn to configure predefined symbols and types of badge icons in the Syncfusion Badge View for Xamarin.Forms.
platform: Xamarin
control: SfBadgeView
documentation: ug

---

# Predefined symbols in Xamarin.Forms BadgeView (SfBadgeView)
# Predefined Symbols in Xamarin.Forms BadgeView (SfBadgeView)

You can change the badge icon using the [`BadgeIcon`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_BadgeIcon) property. Badge icons will be visible when you do not set the badge text. The badge supports the following types of [`BadgeIcon`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_BadgeIcon):
Change the badge icon within the `SfBadgeView` using the [`BadgeIcon`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_BadgeIcon) property. Icons appear when badge text is not set. Supported `BadgeIcon` types include:
- Add
- Available
- Away
- Busy
- Delete
- Dot
- None
- Prohibit1
- Prohibit2

* Add
* Available
* Away
* Busy
* Delete
* Dot
* None
* Prohibit1
* Prohibit2

N> When both the [`BadgeIcon`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_BadgeIcon) and [`BadgeText`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.SfBadgeView.html#Syncfusion_XForms_BadgeView_SfBadgeView_BadgeText) are set for badge view, then badge text has a higher priority. The badge text will be rendered in output.
> **Note:** When both [`BadgeIcon`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.BadgeSetting.html#Syncfusion_XForms_BadgeView_BadgeSetting_BadgeIcon) and [`BadgeText`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.SfBadgeView.html#Syncfusion_XForms_BadgeView_SfBadgeView_BadgeText) are set, badge text is prioritized and will be displayed.

{% tabs %}

Expand Down
12 changes: 6 additions & 6 deletions Xamarin/Border/Customization.md
Original file line number Diff line number Diff line change
@@ -1,19 +1,19 @@
---
layout: post
title: Various customization in Syncfusion border control for Xamarin.Forms
description: This section describes how to provide various customization to the Syncfusion Border control in Xamarin.Forms.
title: Various Customizations for Syncfusion Border Control in Xamarin.Forms
description: Learn how to customize Syncfusion Border control properties in Xamarin.Forms, including color, width, and shadow effects.
platform: Xamarin
control: SfBorder
documentation: ug
---

# Customization in Xamarin.Forms Border (SfBorder)

The [Xamarin Border](https://www.syncfusion.com/xamarin-ui-controls/xamarin-border) (SfBorder) control supports customizing the border color, width, corner radius, background color, and more. The border can be customized using the following properties.
The [Xamarin Border](https://www.syncfusion.com/xamarin-ui-controls/xamarin-border) (SfBorder) control allows customization of border color, width, corner radius, background color, and more. Configure the border using the following properties:

## Border color
## Border Color

You can customize the color of the border using the `BorderColor` property.
Customize the border color using the `BorderColor` property.

{% tabs %}
{% highlight xaml %}
Expand Down Expand Up @@ -303,4 +303,4 @@ this.Content = border;
{% endhighlight %}
{% endtabs %}

![BorderThickness in Xamarin.Forms SfBorder](images/Xamarin_Forms_BorderThickness.png)
![BorderThickness in Xamarin.Forms SfBorder](images/Xamarin_Forms_BorderThickness.png)
Loading