Skip to content
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

SEO-184200-NET-MAUI-Tab-View-External linking #3

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open
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: 46 additions & 9 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,51 @@
# Getting Started with the .NET MAUI Tab View
A quick-start project that helps you to integrate a Tab View control in a .NET MAUI application by adding the Syncfusion MAUI Tab View package from NuGet. This project contains simple code customizations, like how to add tabs items, populate the item source, and change the tab width mode, tab bar placement, and selection indicator placement.

Syncfusion .NET MAUI Tab View control documentation:
https://help.syncfusion.com/maui/tabview/getting-started

Check out these other MAUI Tab View examples on GitHub:
https://github.com/syncfusion/maui-demos/blob/master/MAUI/TabView/SampleBrowser.Maui.TabView/Samples/TabView/
[.NET MAUI Tab View](https://www.syncfusion.com/maui-controls/maui-tab-view?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples) is a simple and intuitive interface for tab navigation in mobile and desktop applications, where users can explore and switch between different tabs. A quick-start project that helps you to integrate a Tab View control in a .NET MAUI application by adding the Syncfusion MAUI Tab View package from NuGet. This project contains simple code customizations, like how to add tabs items, populate the item source, and change the tab width mode, tab bar placement, and selection indicator placement.

## Project prerequisites
Make sure that you have the compatible versions of [Visual Studio 2022](https://visualstudio.microsoft.com/downloads/ ) with the Dot NET MAUI workload and [.NET Core SDK 7.0](https://dotnet.microsoft.com/en-us/download/dotnet/7.0) or later version in your machine before starting to work on this project.
Make sure that you have the compatible versions of [Visual Studio 2022](https://visualstudio.microsoft.com/downloads/) with the Dot NET MAUI workload and [.NET Core SDK 7.0](https://dotnet.microsoft.com/en-us/download/dotnet/7.0) or later version in your machine before starting to work on this project.

## How to run this application
To run this application, you need to first clone the `getting-started-with-the-.net-maui-tab-view` repository and then open it in Visual Studio 2022. Now, simply build and run your project to view the output.
To run this application, you need to first clone the `getting-started-with-the-.net-maui-tab-view` repository and then open it in Visual Studio 2022. Now, simply build and run your project to view the output.

## Features and Benefits

### Tab image position
The .NET MAUI Tabs control provides four options that determine how the image of the tab aligns relative to the text. The options are [top](https://help.syncfusion.com/maui/tabview/tab-item-customization#top?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), [bottom](https://help.syncfusion.com/maui/tabview/tab-item-customization#bottom?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), left and right.

### Visual state manager
Use the [visual state manager](https://help.syncfusion.com/maui/tabview/visual-state-managers?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples) to make changes to the .NET MAUI tab item properties based on the visual states set from code. The applicable visual states are selected, normal, and disable.

### Nested tabs
A [tab](https://help.syncfusion.com/maui/tabview/nested-tabs?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples) Tab View allows configuration of nested tab items by using the items of Tab View, which holds the nested collection of tab items by tab items collection.

## Related links
[Learn More about .NET MAUI Tab View](https://www.syncfusion.com/maui-controls/maui-tab-view?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)

[Download Free Trial](https://www.syncfusion.com/downloads/maui?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)

[Pricing](https://www.syncfusion.com/sales/teamlicense?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)

[Documentation](https://help.syncfusion.com/maui/tabview/getting-started?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)

[View Demos](https://github.com/SyncfusionExamples/getting-started-with-the-.net-maui-tab-view?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)

[Community Forums](https://www.syncfusion.com/forums/maui?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)

[Suggest a feature or report a bug](https://www.syncfusion.com/feedback/maui?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)

[Online example](https://github.com/syncfusion/maui-demos/tree/master/MAUI/TabView?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)

## About Syncfusion .NET MAUI Controls

Syncfusion's [.NET MAUI UI Controls](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples) library is the only suite that you will ever need to build an application since it contains over 40 high-performance, lightweight, modular, and responsive UI Controls in a single package. In addition to Tab View, we provide popular .NET MAUI Controls such as [DataGrid](https://www.syncfusion.com/maui-controls/maui-datagrid?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)[Charts](https://www.syncfusion.com/maui-controls/maui-cartesian-charts?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), [Scheduler](https://www.syncfusion.com/maui-controls/maui-scheduler?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), [ListView](https://www.syncfusion.com/maui-controls/maui-listview?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), and [Excel Library](https://www.syncfusion.com/document-processing/excel-framework/maui?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples).

### About Syncfusion
Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 29,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1800+ components and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), [Angular](https://www.syncfusion.com/angular-components?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), [React](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), [Vue](https://www.syncfusion.com/vue-components?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples),[UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples)). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.

<hr style="height:0.3px;border:none;color:lightgrey;background-color:lightgrey;" />

<p align="center">
<a href="mailto:sales@syncfusion.com?Subject=Syncfusion .NET MAUI Tab View - GitHub" target="_top">sales@syncfusion.com</a> | <a href="https://www.syncfusion.com?utm_source=github&utm_medium=listing&utm_campaign=maui-tab-view-github-samples">www.syncfusion.com</a> | Toll Free: 1-888-9 DOTNET <br>
</p>