WinUI Avatar View

Buy Now

Overview

The AvatarView (profile view) control for .NET WinUI provides a graphical representation of users that can be customized by adding images, background colors, icons, text, and more.

Initials

The WinUI AvatarView control supports both single and double characters in initials. So, users can generate initials based on the text provided.

Single character

Used to show one character (first character) from the avatar name.

Double character

Used to show two characters (first and last character for a single word/first character for more than one word) from the avatar name as initials.

Custom image

Set any custom image as the avatar for the user in the WinUI AvatarView control.

Avatar character

The WinUI AvatarView control has 25 pre-defined avatar character images to set the avatar for users.

Group view

A group view is one of the most common UIs in any chat application. Almost all chat applications support group chats that require a common group picture to represent the group. The WinUI AvatarView control supports group avatar view.

Visual style

The WinUI AvatarView control comes with a predefined style as per design guidelines. Sizing specifications based on style factors such as extra-large, large, medium, small, and extra-small for squares and circles are available.

Square

WinUI AvatarView supports pre-defined square shaped styles.

Circle

WinUI AvatarView supports pre-defined circle shaped styles.

Customization

The WinUI AvatarView control has customization options such as border, background, gradient background, font, and more.

Border customization

Users can easily customize the border color and thickness of the control.

Font customization

Users can change the font size, font color, and font family of the initials.

Background

Users can customize the background of the control.

Gradient background

Users can customize the control background with a gradient color.

WinUI AvatarView code example

Easily get started with the WinUI AvatarView control using a few simple lines of XAML and CS code example as demonstrated below. Also explore our WinUI AvatarView Example that shows you how to render and configure the AvatarView control.

xaml
c#
<Page
    x:Class="GettingStarted.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:GettingStarted"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:syncfusion="using:Syncfusion.UI.Xaml.Core"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid>
      <syncfusion:SfAvatarView ContentType="Initials" AvatarName="Glenn McGrath"/>
    </Grid>
</Page>
// Create an instance of the AvatarView control.
SfAvatarView avatarView = new SfAvatarView();

// Add the ContentType value in the control.
avatarView.ContentType = AvatarContentType.Initials;

//Set the AvatarName value.
avatarView.AvatarName = "Glenn McGrath";

DATA VISUALIZATION

GRIDS

CALENDARS

EDITORS

NOTIFICATION

MISCELLANEOUS

NAVIGATION

LAYOUT

Docking PREVIEW

CONVERSATIONAL UI

AI AssistView

Standalone UI SDKs

Integrate the DataGrid, Chart, and Scheduler UI components into applications to enable rich interaction and visualization, delivering a seamless user experience.

Grid SDK Chart SDK Scheduler SDK

Document Solutions

Integrate the PDF Viewer, DOCX Editor, Spreadsheet Editor, and document-processing libraries into the WinUI applications to enable a smooth user experience.

.NET PDF Library .NET Word Library .NET Excel Library .NET PowerPoint Library .NET Smart Data Extraction .NET Markdown Library

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion^® reduces customers’ development time.
Here are some of their experiences.

Excellent experience with Syncfusion!

Syncfusion is a product that makes life easier! I use it to create Blazor applications (server side and webassembly) and the controls speed up development a lot. Furthermore, if needed, it is possible to ask for direct support that is never long in coming!

Andrea Scarpante,

Sydea srl

The complete component set

It is the most complete component set available. Also very handy is the fact that there is a community edition, this gives me the opportunity to test thing at home without buying a separate license.

Johan Visser,

H and T Pawnbrokers

See Real Success Stories

Developers around the world trust Syncfusion’s Essential Studio to simplify complex projects and speed up delivery. With a vast library of UI controls, powerful SDKs, and reliable support, Essential Studio helps teams build enterprise-ready applications with confidence.

Read Our Customer Stories

Industry

Software development

75% Cost reduction

50% Faster development

“If somebody is looking for a great tool to work with? Yes. I would definitely recommend Syncfusion for anyone who is trying to develop something meaningful.”

- Somnath Maji (Founder of Igniatek Consultancy)

Read Story

Industry

Utilities (oil and gas)