Posts

Showing posts with the label #Blog

Scrollable Calendar and Time Control in Xamarin Form

Image
  Scrollable Calendar and Time Control in xamarin form Please, support my blog by clicking on our sponsors ad! In this Blog , we have create control for calendar and time, in which control can scroll using button. In this control can scroll by your finger tips. Lets start with the code: First we will create template for calendar and time control CalendarTemplate.xaml <ContentView xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:vm="clr-namespace:SchoolUIDesigns.ViewModels" x:Class="SchoolUIDesigns.Control.CalendarTemplate"> <ContentView.Content> <Grid RowDefinitions="Auto,Auto" x:DataType="vm:CalendarViewModel" Padding="10,0"> <Label Text="{Binding WeekName}" Grid.Row="0" FontAttributes="Bold" /> <Label Text="{Binding Da

Push Notification using Firebase in xamarin form (Android and IOS)

Image
Push Notification using Firebase in xamarin form (Android and IOS) Please, support my blog by clicking on our sponsors ad! Watch video to understand the code: https://youtu.be/1Ixc_B86mDk Follow steps to create push notification in both project. Create Project in  https://console.firebase.google.com/ Create Project for push notification After Creating Project add app for both IOS and Android Project. Create app in project For Both IOS and Android project add Package name. Package name should be same as your package name in Xamarin Android and IOS Project. Click on Register App Download Google Service json. If you are in android app then download google-services.json else if you are in ios app then download "GoogleService-Info.plist" file Click Next then click Next then Click Continue to console button. We have created project in firebase console now we will continue coding in xamarin. In Android Project add Internet Permission. Right click on android project ->

Upload Image in Xamarin Form

Image
  Upload image in xamarin form   Get fontawesome code from   here First we will add control. ChoosePhotoControl.Xaml <ContentView xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="SchoolUIDesigns.Control.ChoosePhotoControl"> <ContentView.Content> <Grid RowDefinitions="Auto,Auto" ColumnDefinitions="Auto"> <Label x:Name="lblFontawesomeText" FontFamily="{StaticResource FontAwesomeSolid}" FontSize="40" HorizontalOptions="Center" Grid.Row="0" TextColor="#08457E"></Label> <Label x:Name="lblText" TextColor="Black" Grid.Row="1" HorizontalOptions="Center" FontSize="14"></Label> </Grid> </ContentView.Content> </ContentView> ChoosePhotoControl.x

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

Payment UI Design using xamarin form

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