Posts

Showing posts with the label #LoginPage

Login Page - MVVM in xamarin Form

Image
Mvvm in xamarin forms There are three core components in the MVVM pattern: the model, the view, and the view model. Please, support my blog by clicking on our sponsors ad! For more info please refer this microsoft  link . Code is explain in this video We will see mvvm for Login First we will create BaseViewModel.cs BaseViewModel.cs public class BaseViewModel : INotifyPropertyChanged { // public IDataStore<Item> DataStore => DependencyService.Get<IDataStore<Item>>(); bool isBusy = false; public bool IsBusy { get { return isBusy; } set { SetProperty(ref isBusy, value); } } string title = string.Empty; public string Title { get { return title; } set { SetProperty(ref title, value); } } protected bool SetProperty<T>(ref T backingStore, T value, [CallerMemberName] string propertyName = "",

Textbox, Button, Combobox Design in xamarin form

Image
  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"> <

Login UI Designs - Xamarin Form

Image
 Login Designs Login UI Designs - Xamarin Form .xaml code <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="LoginUIDesigns.Views.Login.Design4" Shell.NavBarIsVisible="False"> <ContentPage.Content> <Grid HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" RowSpacing="0" Padding="20,50,20,0"> <Grid.RowDefinitions> <RowDefinition Height="Auto"></RowDefinition> <RowDefinition Height="Auto"></RowDefinition> <RowDefinition Height="100"></RowDefinition> <RowDefinition Height="Auto"></RowDefinition> <RowDefinition Height="Auto"></RowDefinition>

Login Page UI Design

Image
Three Login page Designs Login page is the most important part of the any application(mobile, web, window). It take credential from user and check whether this user is registered or not, what credential does he have. It should be very simple with no overloaded information and also easy to use. Today we are going to learn three different designs of login.  .xaml code <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="LoginUIDesigns.Views.Login.Design1" Shell.NavBarIsVisible="False" NavigationPage.HasNavigationBar="False" BackgroundColor="#1C375C" xmlns:fontawesome="clr-namespace:LoginUIDesigns.Models"> <ContentPage.Content> <Grid HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" > <Grid.Ro