Popup in .net Maui Please, support my blog by clicking on our sponsors ad! Popups are an integral part of user interface design, allowing developers to convey information and interact with users in a more engaging manner. In .NET MAUI, there are three main types of popups available: DisplayAlert, DisplayPrompt, and Plugin.Maui.Popup. In this blog post, we will dive into each of these popup types, explore their functionalities, and provide code examples to demonstrate their usage. DisplayAlert: Simple and Informative Popups DisplayAlert is a built-in feature in .NET MAUI that provides a straightforward way to display alert popups to users. These popups typically present important messages, notifications, or warnings that require user acknowledgement. Here's an example of how to use DisplayAlert in your .NET MAUI application: DisplayAlert("Display Alert", "Welcome to DotNet Maui", "OK","Cancel",FlowDirection.RightToLeft); In the co

  Textbox,Button, Combobox Design in xamarin form First we will create template get fontawesome code from  here Copy code for CustomEntry from  this link . Code is explain in this video Add " PancakeView " nugget in your project. CustomTextbox.xaml <ContentView xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:pcview="clr-namespace:Xamarin.Forms.PancakeView;assembly=Xamarin.Forms.PancakeView" xmlns:control="clr-namespace:LoginUIDesigns.Controls" x:Class="LoginUIDesigns.Controls.CustomTextbox"> <ContentView.Content> <StackLayout> <pcview:PancakeView x:Name="pc" CornerRadius="40,0,0,40" HeightRequest="55" BackgroundColor="White" Padding="10,0"> <

  Payment UI Design using xamarin form Add following code in App.xaml in Resource Dictionary tag get fontawesome code from here Watch video  to understand code       <Color x:Key="Primary">#3AC3D6</Color>             <Color x:Key="Secondary">#FFFFFF</Color>             <Color x:Key="TextColorGray">#333333</Color>             <Color x:Key="SeparatorColor">#E8E8E9</Color>             <Color x:Key="BGColor">#FFFCF7</Color>             <Style TargetType="Label" x:Key="PoppinsBoldLabel">                 <Setter Property="FontFamily" Value="Helvetica"></Setter>                 <Setter Property="FontAttributes" Value="Bold"></Setter>                 <Setter Property="TextColor" Value="{x:DynamicResource TextColorGray}"></Setter>             </Style>          

  Dashboard in xamarin form You can get fontawesome from this link . First we will create custom navigation bar TopNavBar.xaml <ContentView xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="EShoppingUIDesigns.Controls.TopNavBar" xmlns:fontawesome="clr-namespace:EShoppingUIDesigns" BackgroundColor="#3AC3D6"> <ContentView.Content> <Grid HorizontalOptions="FillAndExpand" RowDefinitions="Auto,Auto" RowSpacing="20" ColumnDefinitions="Auto,*,Auto" Padding="10"> <Image Grid.Row="0" Grid.Column="0" Source="threelines.png" Aspect="AspectFill" HeightRequest="20" WidthRequest="25"></Image> <Label Grid.Row="0" Grid.Column="1" Margin="10,0,

  Hotel UI Design using xamarin form About UI Design is for Hotel using xamarin form. There are three forms. List of Places Hotel list of selected place, you can filter and search Third page is detail of selected hotel. Lets begin with code: Copy code for Font awesome from this link . Copy code for CustomEntry from this link . Please watch video  to understand this code. Create Property classes for Hotel and Places. HotelViewModel public class HotelViewModel { public string Name { get; set; } public string Price { get; set; } public string Address { get; set; } public string Days { get; set; } public string Distance { get; set; } public ImageSource Img { get; set; } } public class HotelModel { public List<HotelViewModel> Get() { List<HotelViewModel> list = new List<HotelViewModel>(); list.Add(new HotelViewModel { Img = "https://encrypted-tbn0.gstatic.com/

School UI Design using xamarin form Code is explain in this video First add  Fontawesome  in your project. All Part of School UI Design: https://xamarinuidesigns.blogspot.com/2022/03/school-ui-design-using-xamarin-form.html https://xamarinuidesigns.blogspot.com/2022/03/school-ui-design-using-xamarin-form_4.html https://xamarinuidesigns.blogspot.com/2022/03/school-ui-design-using-xamarin-form_10.html https://xamarinuidesigns.blogspot.com/2022/03/school-ui-design-fees-gallery-profile.html FeesView.Xaml <ContentView xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="SchoolUIDesigns.Control.FeesView"> <ContentView.Content> <Grid ColumnDefinitions="40,*,Auto" RowDefinitions="Auto,Auto" RowSpacing="0"> <Label x:Name="lblIcon" Grid.Row="0" Grid.RowSpan="2" Grid.Column="0