Posts

Showing posts with the label #Calendar

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

Calendar and Time View using Xamarin Form

Image
Calendar and Time view in xamarin form First we fill add calendar and time template Download right and left arrow image from google and add in your project. code is explain in this video. 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"> <Label Text="{Binding WeekName}" Grid.Row="0" FontAttributes="Bold" /> <Label Text="{Binding Date}" Grid.Row="1" HorizontalOptions="Center" FontAttributes="Bold" /> </Grid> </ContentView.Content> </ContentView>