-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #2 from berylouma/SEO-179381-MAUI-Text-Input-Layou…
…t-External-Linking Merged into master
- Loading branch information
Showing
1 changed file
with
51 additions
and
9 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,14 +1,56 @@ | ||
| # Getting Started with the .NET MAUI Text Input Layout | ||
| A quick-start project that helps you to integrate a Text input layout control in the .NET MAUI application. This project contains simple code customizations like how to add floating labels, password toggle icons to show or hide passwords, and assistive labels like error messages and help text on top of input controls. | ||
|
|
||
| Refer to the following documentation for the Syncfusion .NET MAUI Text Input Layout control: | ||
| https://help.syncfusion.com/maui/textinputlayout/getting-started | ||
|
|
||
| Check out this example of the Syncfusion .NET MAUI Text Input control on GitHub: | ||
| https://github.com/syncfusion/maui-demos/tree/master/MAUI/TextInputLayout | ||
| The [.NET MAUI Text Input Layout](https://www.syncfusion.com/maui-controls/maui-textinputlayout?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples) or Label Entry is a container control that allows users to add floating labels, password toggle icons to show or hide passwords, leading and trailing icons, and assistive labels such as error messages and help text on top of input controls. A quick-start project that helps you to integrate a Text input layout control in the .NET MAUI application. This project contains simple code customizations like how to add floating labels, password toggle icons to show or hide passwords, and assistive labels like error messages and help text on top of input controls. | ||
|
|
||
| ## 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-dotnet-maui-text-input-layout` 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-dotnet-maui-text-input-layout` repository and then open it in Visual Studio 2022. Now, simply build and run your project to view the output. | ||
|
|
||
| ## Features and Benefits | ||
|
|
||
| ### Supported input controls | ||
| Enhance the appearance of the Syncfusion Autocomplete and ComboBox controls; the .NET MAUI framework’s Entry and Editor. Add assistive labels and icons to those input views by just wrapping the entry and input views with the Text Input Layout control. | ||
|
|
||
| ### Custom fonts | ||
| [Customize](https://help.syncfusion.com/maui/textinputlayout/custom-icons?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples) the font appearance, including size, attributes, and family, for assistive labels like hint, helper, and error within the control. | ||
|
|
||
| ### Padding | ||
| Customize spacing around the input view using InputViewPadding. Tailor the [padding](https://help.syncfusion.com/maui/textinputlayout/container-type#custom-padding?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples) to align with your unique design preferences.. | ||
|
|
||
| ### States | ||
| Utilize the VisualStateManager to dynamically adjust the hint text color and border colors based on the control's [states](https://help.syncfusion.com/maui/textinputlayout/states-and-colors?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples), including normal, focused, error, and disabled. | ||
|
|
||
| ## Related links | ||
| [Learn More about .NET MAUI Text Input Layout](https://www.syncfusion.com/maui-controls/maui-textinputlayout?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples) | ||
|
|
||
| [Download Free Trial](https://www.syncfusion.com/downloads/maui?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples) | ||
|
|
||
| [Pricing](https://www.syncfusion.com/sales/teamlicense?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples) | ||
|
|
||
| [Documentation](https://help.syncfusion.com/maui/textinputlayout/getting-started?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples) | ||
|
|
||
| [View Demos](https://github.com/syncfusion/maui-demos/tree/master/MAUI/TextInputLayout?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples) | ||
|
|
||
| [Community Forums](https://www.syncfusion.com/forums/maui?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples) | ||
|
|
||
| [Suggest a feature or report a bug](https://www.syncfusion.com/feedback/maui?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples) | ||
|
|
||
| [Online example](https://github.com/SyncfusionExamples/getting-started-with-the-dotnet-maui-text-input-layout?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples) | ||
|
|
||
| ## About Syncfusion .NET MAUI Components | ||
|
|
||
| Syncfusion's [.NET MAUI Controls](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-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 Text Input Layout, 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-text-input-layout-github-samples), [Charts](https://www.syncfusion.com/maui-controls/maui-cartesian-charts?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples), [ListView](https://www.syncfusion.com/maui-controls/maui-listview?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples), and [Excel Library](https://www.syncfusion.com/document-processing/excel-framework/maui?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-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+ controls and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples), [ASP.NET Web Forms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples), [Angular](https://www.syncfusion.com/angular-components?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples), [React](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples), [Vue](https://www.syncfusion.com/vue-components?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-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 Text Input Layout - GitHub" target="_top">sales@syncfusion.com</a> | <a href="https://www.syncfusion.com?utm_source=github&utm_medium=listing&utm_campaign=maui-text-input-layout-github-samples">www.syncfusion.com</a> | Toll Free: 1-888-9 DOTNET <br> | ||
| </p> |