.NET UI Components Online Tutorial

ComponentOne Tutorials & Templates

Explore and learn how to implement ComponentOne's diverse features today.


Getting Started with ComponentOne

Getting Started with .NET UI Components 📖

You can learn how to use various features such as Chart and Grid in ComponentOne through the videos below.

Getting Started with ComponentOne
Using FlexGrid in WinForms Applications
Introducing ComponentOne DataFilter for WinForms and WPF
How to Connect to SalesForce Using FlexReport Designer
Using FlexGrid in Blazor Server Applications
Using FlexGrid in Blazor WebAssembly Applications
  • Getting Started with ComponentOne

    You can learn how to use the Chart and Grid features in ComponentOne.
  • Using FlexGrid in WinForms Applications

    Shows how to get started with your WinForms application using ComponentOne FlexGrid.
  • Introducing ComponentOne DataFilter for WinForms and WPF

    ComponentOne's DataFilter is a control that allows users to filter data based on filter criteria or conditions. Learn about ComponentOne DataFilter for WinForms and WPF through this video.
  • How to Connect to SalesForce Using FlexReport Designer

    Add reporting capabilities to your business apps by quickly and easily creating report forms without development using FlexReport Designer!
  • Using FlexGrid in Blazor Server Applications

    Shows how to get started with a Blazor Server application using ComponentOne FlexGrid.
  • Using FlexGrid in Blazor WebAssembly Applications

    Learn how to use FlexGrid in your Blazor WebAssembly applications.

ComponentOne Tips

Check out these helpful tips for .NET UI development! 💡

Blog & Tips

We provide a variety of information to help you use ComponentOne effectively.

Online study

We'll explain ComponentOne's usage examples step by step. You can learn its features by following along.

Knowledge Sharing

This is a space where ComponentOne users can share know-how and tips.

QNA

Get technical support for ComponentOne through our Q&A space.

Ask anything!

Share your concerns and questions about ComponentOne with MESCIUS's expert team. We empathize with your concerns and are here to help.

Online Consultation

ComponentOne Demo

.NET platform-specific demos

WinForms

ASP.NET MVC & Core

Blazor

ASP.NET Web Forms

UWP

Web API

Data Services

Xamarin

WPF

WinForms & WPF Demo Explorer

All WinForms & WPF demos and samples are integrated into a single desktop application for your convenience.


Explore the many features of ComponentOne with our Control Explorer and Showcase demos.


Download Demo Explorer

ASP.NET MVC & Core Demo Explorer

The existing ASP.NET MVC demos are compatible with ASP.NET Core MVC. Quickly learn about the best ASP.NET MVC controls and get started with more sample ASP.NET MVC apps. You can also shorten your ASP.NET MVC learning curve with "Learn MVC Client." Experience and learn ASP.NET MVC controls firsthand.

ASP.NET MVC & Core Samples

  • BI dashboard

    Build BI dashboards with dashboard layout controls. Embed controls like FlexGrid and FlexChart with built-in layouts. Users can resize and move the controls.

    View Demo
  • Airline ticket reservation system

    This is a sample web application that demonstrates several ComponentOne controls. You can search, view, and filter flight information, and see it displayed in an ASP.NET MVC ListBox.

    View Demo
  • Statistics Dashboard

    This is a responsive dashboard demo showcasing various ComponentOne controls. You can click on chart nodes to drill down into information, and you can add custom icons, sparklines, and conditional formatting.

    View Demo

ASP.NET Web Forms Demo

Use all the ASP.NET Web Forms UI controls, including data grids, charts, input controls, and navigation.


Explore key features and extensibility all in one demo.

View Demo

Blazor Demo

  • Blazor Control Explorer

    Explore all ComponentOne Blazor components in the .NET 8 WebAssembly demo to see key features in action. Configure properties at runtime and examine the underlying source code.

    View Demo
  • Blazor Server Explorer

    Explore all ComponentOne Blazor components in a Blazor Server application to see key features in action. Configure properties at runtime and view the source code for all samples.

    View Demo
  • Statistics Dashboard

    Check out this real-world dashboard built entirely with ComponentOne Blazor components. Selecting a row in FlexGrid reveals detailed data for a region or city, visualized in a FlexChart.

    View Demo

Xamarin Demo

  • Xamarin Control Explorer

    Check out all the Xamarin controls, including native mobile charts, grids, inputs, and calendars. Windows 10 | iOS | Android

  • Xamarin Chart Builder

    Quickly create native mobile charts with Xamarin Charts Builder. Windows 10 | iOS | Android

  • C1 Weather App

    Check out the Xamarin grid and chart controls that work with the weather API. iOS | Android

  • MyBI Business Intelligence Demo

    Check out this Material Design-based Xamarin business intelligence dashboard, including gauges, charts, and grids. Android

  • Dashboard Demo

    Check out the Xamarin sales dashboard with gauges, charts, grids, and analytics features. Android

UWP Demo

  • UWP Control Explorer

    Check out all the features of the control. The demo includes a UWP data grid, chart, report, input, calendar, and more.

    Download Demo
  • UWP Dashboard Demo

    Explore the diverse capabilities of ComponentOne's UWP UI controls with our Sales Dashboard demo. Display sales and profit comparisons, target sales, top products, and customers.

    Download Demo
  • FlexReport Explorer

    This demo demonstrates various FlexReport and FlexViewer features. FlexReport generates reports directly on the client, without connecting to a reporting server. Reports generated in FlexViewer can be printed or exported.

    Download Demo

Web API Demo

Enhance and extend your web apps with server-side APIs.


Learn how to create and merge Excel files, generate barcodes, perform CRUD operations on cloud storage, and manage website visitor information using web demos and public APIs.

View the ASP.NET Web API demo