Skip to content

959295 - Review changes the Second six Xamarin Tools Controls by AI #1110

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
55 changes: 23 additions & 32 deletions Xamarin/Avatar-view/Content-type.md
Original file line number Diff line number Diff line change
@@ -1,31 +1,27 @@
---
layout: post
title: Various customization in Syncfusion AvatarView control.
description: Learn what are the types in AvatarType and how to set value for the Avatartype in xamarin forms AvatarView.
title: Various Customizations in Syncfusion AvatarView Control
description: Learn about the avatar types available in SfAvatarView and how to configure them in Xamarin.Forms.
platform: Xamarin
control: SfAvatarView
documentation: ug
---

# Content Types in Xamarin Avatar View(SfAvatarView)
# Content Types in Xamarin Avatar View (SfAvatarView)

## Avatar Types

The [`SfAvatarView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html) control provides the following five different ways to display the view:
The [`SfAvatarView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html) control offers five different ways to display its content:

* [`Default`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.ContentType.html#Syncfusion_XForms_AvatarView_ContentType_Default) - Adds the default image when initializing without any other source such as image and group.

* [`AvatarName`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_AvatarName) - Set the initial value in [`SfAvatarView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html).

* [`Custom`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.ContentType.html#Syncfusion_XForms_AvatarView_ContentType_Custom) - Adds the user custom image in [`SfAvatarView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html).

* [`AvatarCharacter`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.ContentType.html#Syncfusion_XForms_AvatarView_ContentType_AvatarCharacter) - Sets the default image in [`SfAvatarView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html).

* [`Group`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.ContentType.html#Syncfusion_XForms_AvatarView_ContentType_Group) - Adds maximum three images or initials in a single [`SfAvatarView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html).
- [`Default`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.ContentType.html#Syncfusion_XForms_AvatarView_ContentType_Default): Provides a default image with no additional source.
- [`AvatarName`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_AvatarName): Sets the initial value for display.
- [`Custom`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.ContentType.html#Syncfusion_XForms_AvatarView_ContentType_Custom): Displays a user-provided custom image.
- [`AvatarCharacter`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.ContentType.html#Syncfusion_XForms_AvatarView_ContentType_AvatarCharacter): Uses a preset vector image.
- [`Group`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.ContentType.html#Syncfusion_XForms_AvatarView_ContentType_Group): Combines up to three images or initials within a single view.

## Default

Automatic type avatar view is used for displaying the default vector image when initializing without the initials, custom, or group view types.
The automatic avatar view displays a default vector image when initialized without initials, custom images, or group view types.

{% tabs %}

Expand Down Expand Up @@ -62,21 +58,17 @@ Automatic type avatar view is used for displaying the default vector image when

## Initials

When using the [`SfAvatarType`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.Chat.AvatarViewType.html) as initials, you need to set the initial character using the following properties:
To use initials with the [`SfAvatarView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html), set up the initial character using the following properties:

* [`InitialsType`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_InitialsType) - Defines the type of characters to be displayed.
* [`AvatarName`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_AvatarName)- Gets or sets the value for the initials type, which displays the text in the avatar view.
* [`InitialsColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_InitialsColor)- Gets or sets the color of the initial color value that defines color for the initial string.
- [`InitialsType`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_InitialsType): Defines the type of initials displayed.
- [`AvatarName`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_AvatarName): Gets or sets the initials value.
- [`InitialsColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_InitialsColor): Sets the initial color value.

### InitialsType

The [`InitialsType`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_InitialsType) contains the following two types:

* [`SingleCharacter`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.InitialsType.html#Syncfusion_XForms_AvatarView_InitialsType_SingleCharacter)
* [`DoubleCharacter`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.InitialsType.html#Syncfusion_XForms_AvatarView_InitialsType_DoubleCharacter)

You must set the [`AvatarName`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_AvatarName) string property for displaying the initial value in the AvatarView.

The `InitialsType` property provides these options:
- [`SingleCharacter`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.InitialsType.html#Syncfusion_XForms_AvatarView_InitialsType_SingleCharacter)
- [`DoubleCharacter`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.InitialsType.html#Syncfusion_XForms_AvatarView_InitialsType_DoubleCharacter)
#### SingleCharacter

The [`SingleCharacter`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.InitialsType.html#Syncfusion_XForms_AvatarView_InitialsType_SingleCharacter) is used for displaying the first character in the string you have set in the [`Initials`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.ContentType.html#Syncfusion_XForms_AvatarView_ContentType_Initials) property.
Expand Down Expand Up @@ -161,13 +153,13 @@ The [`DoubleCharacter`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms

![bordercolor](images/Initial_Double_AvatarView.png)

## Custom image
## Custom Image

You can add a custom user image by setting the [`ImageSource`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_ImageSource) property. Refer to this [`documentation`](https://help.syncfusion.com/xamarin/SfAvatarView/getting-started).
Add a custom image using the [`ImageSource`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_ImageSource) property. More details can be found in the [documentation](https://help.syncfusion.com/xamarin/SfAvatarView/getting-started).

## Character avatars
## Character Avatars

You can set the default vector images that already present in avatar view by setting the [`AvatarCharacter`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_AvatarCharacter) property.
Use preset vector images in avatar view by setting the [`AvatarCharacter`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_AvatarCharacter) property.

{% tabs %}
{% highlight xaml %}
Expand Down Expand Up @@ -203,10 +195,9 @@ You can set the default vector images that already present in avatar view by set

## GroupView

You can add maximum three images or initials in the same view using a GroupView type.

Set the [`InitialsMemberPath`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_InitialsMemberPath) for displaying the initials in the group view. For image, set the `ImageSourcePath`. The following code sample demonstrates how to add images using the `GroupView` property.
In a GroupView, you can combine up to three images or initials.

Set the [`InitialsMemberPath`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_InitialsMemberPath) for initials or `ImageSourcePath` for images.
{% tabs %}
{% highlight c# %}
public class Employee
Expand Down
11 changes: 5 additions & 6 deletions Xamarin/Avatar-view/Getting-Started.md
Original file line number Diff line number Diff line change
@@ -1,17 +1,16 @@
---
layout: post
title: Getting Started with Syncfusion Xamarin.Forms AvatarView
description: This section will explain how to initialize and use Xamarin.Forms SfAvataView control in simple way.
platform: xamarin
description: Learn how to initialize and use the Xamarin.Forms SfAvatarView control easily.
platform: Xamarin
control: SfAvatarView
documentation: ug
---

# Getting Started With Xamarin AvatarView (SfAvatarView)
# Getting Started with Xamarin AvatarView (SfAvatarView)

## Getting started with SfAvatarView

This section explains the steps required to work with the [`SfAvatarView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html) control for Xamarin.Forms.
## Introduction
This section outlines the steps to work with the [`SfAvatarView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html) control in Xamarin.Forms.

## Assembly deployment

Expand Down
24 changes: 12 additions & 12 deletions Xamarin/Avatar-view/Overview.md
Original file line number Diff line number Diff line change
@@ -1,23 +1,23 @@
---
layout: post
title: Overview of Syncfusion Avatarview control for Xamarin.Forms
description: A quick go through to learn about the Xamarin.Forms SfAvatarView control and the key features available in it.
platform: xamarin
title: Overview of Syncfusion AvatarView Control for Xamarin.Forms
description: A quick overview of the Xamarin.Forms SfAvatarView control, including key features and customization options.
platform: Xamarin
control: SfAvatarView
documentation: ug
---

# Xamarin Avatar View (SfAvatarView) Overview

The [`SfAvatarView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html) control for Xamarin.Forms provides a graphical representation of user image that allows you to customize the view by adding image, background color, icon, text, etc.
The [`SfAvatarView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html) control for Xamarin.Forms provides a graphical representation of a user image. It allows customization by adding an image, background color, icon, text, and more.

![Xamarin.Forms SfAvataraview overview.](images/overview.png)
![Xamarin.Forms SfAvatarView Overview](images/overview.png)

## Key features
## Key Features

* Supports for adding image and initials.
* Customizes the height, width, [`BorderColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.Border.SfBorder.html#Syncfusion_XForms_Border_SfBorder_BorderColor), [`BackgroundColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_BackgroundColor), and [`CornerRadius`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_CornerRadius) of the view.
* [`AvatarCharacter`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_AvatarCharacter): Adds the default vector images.
* `GroupView`: Supports to add maximum three custom images or initials in a single view.
* Supports different types of visual styles.
* Supports `BadgeView` and `GradientBrush`.
- Supports adding images and initials.
- Allows customization of height, width, [`BorderColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.Border.SfBorder.html#Syncfusion_XForms_Border_SfBorder_BorderColor), [`BackgroundColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_BackgroundColor), and [`CornerRadius`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_CornerRadius) of the view.
- [`AvatarCharacter`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html#Syncfusion_XForms_AvatarView_SfAvatarView_AvatarCharacter): Integrates default vector images.
- `GroupView`: Supports adding up to three custom images or initials in a single view.
- Offers various visual styles.
- Integrates with `BadgeView` and `GradientBrush`.
12 changes: 6 additions & 6 deletions Xamarin/Avatar-view/customization.md
Original file line number Diff line number Diff line change
@@ -1,21 +1,21 @@
---
layout: post
title: Customization in Syncfusion AvatarView Xamarin.Forms
description: This section will explain about how to achieve the customization of default View in Xamarin.Forms SfAvatarView.
title: Customization in Syncfusion AvatarView for Xamarin.Forms
description: Discover how to customize the appearance of SfAvatarView in Xamarin.Forms, including color, size adjustments, and more.
platform: Xamarin
control: AvatarView
documentation: ug
---

# Customization in Xamarin Avatar View(SfAvatarView)
# Customization in Xamarin Avatar View (SfAvatarView)

The [`SfAvatarView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html) control provides options to customize the color and size. The control can be customized using the following properties:
The [`SfAvatarView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html) control provides versatile options for customizing color and size properties.

## Colors

Color in the [`SfAvatarView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html) can be customized by the border color, the default background color, and automatic background color.
Customize colors in the [`SfAvatarView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html) through the border color, default background color, and an automatic background color set.

### Border color
### Border Color

The border color is used for setting color to the border of [`SfAvatarView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html) using the [`BorderColor`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.Border.SfBorder.html#Syncfusion_XForms_Border_SfBorder_BorderColor) property.

Expand Down
10 changes: 5 additions & 5 deletions Xamarin/Avatar-view/how-to.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: States in Syncfusion AvatarView control for Xamarin.Forms.
description: This section will explain about how to use the different states that exist in Xamarin.Forms SfAvatarView.
title: States in Syncfusion AvatarView Control for Xamarin.Forms
description: Learn how to use different states in the Xamarin.Forms SfAvatarView, including BadgeView integration for notifications.
platform: Xamarin
control: AvatarView
documentation: ug
---

# How to set badge view to avatar
# How to Set Badge View to Avatar

The [`SfAvatarView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html) control provides support for [`BadgeView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.html) to notify users of new or unread messages, notifications, or the status of something.
The [`SfAvatarView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.AvatarView.SfAvatarView.html) control supports the integration of [`BadgeView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.html) to notify users of new or unread messages, notifications, or status updates.

{% tabs %}

Expand Down Expand Up @@ -77,4 +77,4 @@ xmlns:badge="clr-namespace:Syncfusion.XForms.BadgeView;assembly=Syncfusion.SfBad

![BadgeView support](images/BadgeView_AvatarView.jpg)

N> The [`SfBadgeView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.SfBadgeView.html) is available in [`Syncfusion.Xamarin.SfBadgeView`](https://www.nuget.org/packages/Syncfusion.Xamarin.SfBadgeView) from [`nuget.org`](https://www.nuget.org/). To know more about `SfBadgeView` view, refer to this [documentation](https://help.syncfusion.com/xamarin/sfbadgeview/getting-started).
> **Note**: The [`SfBadgeView`](https://help.syncfusion.com/cr/xamarin/Syncfusion.XForms.BadgeView.SfBadgeView.html) is available in the [`Syncfusion.Xamarin.SfBadgeView`](https://www.nuget.org/packages/Syncfusion.Xamarin.SfBadgeView) package from [nuget.org](https://www.nuget.org/). For more information on `SfBadgeView`, refer to the [documentation](https://help.syncfusion.com/xamarin/sfbadgeview/getting-started).
Loading