This is a migrated thread and some comments may be shown as answers.

[Solved] Calendar Style working weirdly in 8.1

1 Answer 150 Views

Calendar for XAML

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

Shivam asked on 18 Jan 2014, 11:25 AM

Hi am using telerik calender control. in that i am using style selector to show the appointment or event . the problem is when i open my calendar screen , some time it used to show style at once at the time of loading some time not .If its not load the appointment for me then to see the appointment i need to go each calendar cell and then it shows me appointment for that cell OR i need to go to other month then its load all available appointment . so for better user experience i want to overcome from this problem . i am giving you my xaml as well as c# code . if you guys can help me out please provide me sure and short way to do that .

 <common:LayoutAwarePage x:Class="AFSMOJO.WinUI.Mview" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:AFSMOJO.WinUI" xmlns:common="using:MOJO.Common" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:telerikInput="using:Telerik.UI.Xaml.Controls.Input" xmlns:telerikGridPrimitives="using:Telerik.UI.Xaml.Controls.Grid.Primitives" xmlns:Input="using:Telerik.UI.Xaml.Controls.Input" xmlns:telerikGrid="using:Telerik.UI.Xaml.Controls.Grid" mc:Ignorable="d"> <common:LayoutAwarePage.Resources> <Style TargetType="telerikInput:RadCalendar" x:Key="HeaderStyle"> <Setter Property="Background" Value="Transparent"/> <Setter Property="Foreground" Value="Black"/> <Setter Property="Foreground" Value="Green"/> </Style> <Style x:Key="BaseStatusStyle" TargetType="TextBlock"> <Setter Property="FontFamily" Value="Segoe UI Semilight"/> <Setter Property="FontSize" Value="14.667"/> <Setter Property="Margin" Value="0,0,0,5"/> </Style> <Style x:Key="StatusStyle" BasedOn="{StaticResource BaseStatusStyle}" TargetType="TextBlock"> <Setter Property="Foreground" Value="Green"/> </Style> <Style x:Key="ErrorStyle" BasedOn="{StaticResource BaseStatusStyle}" TargetType="TextBlock"> <Setter Property="Foreground" Value="Blue"/> </Style> </common:LayoutAwarePage.Resources> <Page.BottomAppBar> <AppBar Background="#7F000000"> <Grid Background="Black" > <Image Name="imgok" Source="Assets/ok.PNG" Margin="1079,10,240,16" />     <Button Style="{StaticResource ClockAppBarButtonStyle}" Name="Btn_AddReminder" Margin="150,0,0,0" RenderTransformOrigin="-3.175,0.533"></Button> <Button Style="{StaticResource PlayAppBarButtonStyle}" Name="btnStartCall" Margin="550,0,0,0" RenderTransformOrigin="-3.175,0.533"></Button> <Button Style="{StaticResource AddAppBarButtonStyle }" Name="Btn_AddCall" Margin="250,0,0,0" RenderTransformOrigin="-3.175,0.533"></Button>   <Button Style="{StaticResource DirectionsAppBarButtonStyle}" Name="Btn_GetDirections" Margin="350,1,0,-1"></Button> <Button Style="{StaticResource EditAppBarButtonStyle}" Name="Btn_Edit" Margin="450,1,0,-1" ></Button> 

<!--<Button x:Name="btnDetails" FontWeight="Bold" FontSize="20" HorizontalAlignment="Center" Content="Details" Margin="173,6,1099,13" Width="103" Height="46"  />-->

 <Button Style="{StaticResource HomeAppBarButtonStyle}" Name="Btn_Home" Margin="49,0,0,0"></Button> </Grid> </AppBar> </Page.BottomAppBar> <Page.DataContext> <local:ViewModelView></local:ViewModelView> </Page.DataContext> <Grid x:Name="LayoutRoot"> <Grid.Background> <ImageBrush Stretch="Fill" ImageSource="Images/img-bg_1366x768.jpg"/> </Grid.Background> <Grid.Resources> <local:CellModelToEventConverter x:Key="eventConverter" /> <DataTemplate x:Key="template"> <Grid> <TextBlock Text="⏰" Foreground="#FF3399FF" FontSize="22" HorizontalAlignment="Right" FontFamily="Segoe UI Symbol" Margin="0,1,2,0" /> <TextBlock Text="{Binding Converter={StaticResource eventConverter}}" Foreground="#FF767676" FontSize="13.333" VerticalAlignment="Bottom" Margin="6,0,0,4" /> </Grid> </DataTemplate> <local:CustomStyleSelector x:Key="selector" EventTemplate="{StaticResource template}" /> </Grid.Resources> <TextBlock VerticalAlignment="Top" HorizontalAlignment="Left" Width="308" Text="Month View" Foreground="Black" FontSize="56" FontFamily="Segoe UI" Margin="120,46,0,0" /> <Grid x:Name="ContentRoot" Margin="100,120,50,20"> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="*"/> <RowDefinition Height="Auto"/> </Grid.RowDefinitions>   <ScrollViewer x:Name="MainScrollViewer" ZoomMode="Disabled" IsTabStop="False" HorizontalScrollBarVisibility="Auto" Padding="0,0,0,20" Margin="20,0,0,0" Grid.RowSpan="2" VerticalScrollMode="Auto" > <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="127*"/> <ColumnDefinition Width="1039*"/> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="*"/> </Grid.RowDefinitions>   <Grid Grid.Row="1" Grid.ColumnSpan="2"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="44.776"/> <ColumnDefinition Width="53.224"/> <ColumnDefinition Width="17*"/> <ColumnDefinition Width="1051*"/> </Grid.ColumnDefinitions> </Grid> </Grid> <Input:RadCalendar Style="{StaticResource HeaderStyle}" x:Name="calendar" HorizontalAlignment="Left" CellStyleSelector="{StaticResource selector}" VerticalAlignment="Top" Width="1150" Height="600" Foreground="Black" GridLinesBrush="#FF12A4BB" BorderBrush="#FF12A4BB"></Input:RadCalendar> </Grid> </ScrollViewer>   </Grid> <Button x:Name="backButton" Margin="60,65,0,39" Click="backButton_Click" <span class="Apple-tab-span" style="white-space:pre"> Style="{StaticResource MyBackButtonStyle}" <span class="Apple-tab-span" style="white-space:pre"> VerticalAlignment="Stretch" <span class="Apple-tab-span" style="white-space:pre"> AutomationProperties.Name="Back" <span class="Apple-tab-span" style="white-space:pre"> AutomationProperties.AutomationId="BackButton" <span class="Apple-tab-span" style="white-space:pre"> AutomationProperties.ItemType="Navigation Button" Width="47" Height="Auto"/> <VisualStateManager.VisualStateGroups>   <VisualStateGroup> <VisualState x:Name="DefaultLayout"> <Storyboard> </Storyboard> </VisualState> <VisualState x:Name="Below768Layout"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Margin)" Storyboard.TargetName="ContentRoot"> <DiscreteObjectKeyFrame KeyTime="0"> <DiscreteObjectKeyFrame.Value> <Thickness>20,20,20,20</Thickness> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.HorizontalAlignment)" Storyboard.TargetName="FooterPanel"> <DiscreteObjectKeyFrame KeyTime="0"> <DiscreteObjectKeyFrame.Value> <HorizontalAlignment>Left</HorizontalAlignment> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> </VisualStateGroup> </VisualStateManager.VisualStateGroups> </Grid> </common:LayoutAwarePage> <div> </div>

c# code

 using AFSMOJO.Biz; using AFSMOJO.Common.Data; using AFSMOJO.WinUI.Log; using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Runtime.InteropServices.WindowsRuntime; using System.Threading.Tasks; using Telerik.UI.Xaml.Controls.Input; using Telerik.UI.Xaml.Controls.Input.Calendar; using Windows.Foundation; using Windows.Foundation.Collections; using Windows.UI.Xaml; using Windows.UI.Xaml.Controls; using Windows.UI.Xaml.Controls.Primitives; using Windows.UI.Xaml.Data; using Windows.UI.Xaml.Input; using Windows.UI.Xaml.Media; using Windows.UI.Xaml.Navigation; using MOJO.Common; 

//using Telerik.UI.Xaml.Controls.<br><br>// The Blank Page item template is documented at http://go.microsoft.com/fwlink/?LinkId=234238<;br><br>namespace AFSMOJO.WinUI<br>{<br>    /// <summary><br>    /// An empty page that can be used on its own or navigated to within a Frame.<br>    /// </summary><br>    public sealed partial class Mview : LayoutAwarePage<br>    {<br>        public Mview()<br>        {<br>            this.InitializeComponent();<br>        }<br><br>        private void backButton_Click(object sender, RoutedEventArgs e)<br>        {<br><br>            Frame.Navigate(typeof(MyPlan));<br>        }<br><br>      <br>    }<br>    public class ViewModelView<br>    {<br>        public ViewModelView()<br>        {<br>            this.CreateEvents();<br>        }<br>        static List<AppointemenTabletdata> listAppointemenTabletdata = new List<AppointemenTabletdata>();<br>        private async void CreateEvents()<br>        {<br>            try<br>            {<br><br>       <br>            List<AppointemenTabletdata> data = new List<AppointemenTabletdata>();<br>            data = await GetAppointment();<br>            DateTime dt = DateTime.Today;<br>            for (int i = 0; i < data.Count; i++)<br>            {<br><br>                DateTime dueTime1 = new DateTime(data[i].StartTime.Year, data[i].StartTime.Month, data[i].StartTime.Day, dt.Hour, dt.Minute, dt.Second);<br>                data[i].StartTime = dueTime1;<br>            }<br><br>            this.Events = data;<br><br>            }<br>            catch (Exception ex)<br>            {<br>                AFS_MOJO_MetroEventSource.Log.Error("CreateEvents():MView" + ex.Message);<br><br>            }<br>        }<br><br>        List<AppointemenTabletdata> objAppointement = new List<AppointemenTabletdata>();<br><br>        /// <summary><br>        /// shivam<br>        /// to get Data From DB to show in calender <br>        /// </summary><br>        /// <returns></returns><br>        public async Task<List<AppointemenTabletdata>> GetAppointment()<br>        {<br>            Appointment objAppointment = new Appointment();<br>            //AFSMOJO.Biz.Appointment objAppointment = new AFSMOJO.Biz.Appointment();<br>            try<br>            {<br><br>          <br>            <br>            objAppointement = await objAppointment.GetAppointment();<br>            return objAppointement;<br>            }<br>            catch (Exception ex)<br>            {<br><br>                AFS_MOJO_MetroEventSource.Log.Error("GetAppointment():MView" + ex.Message);<br>                return objAppointement;<br><br>            }<br>        }<br><br>        public List<AppointemenTabletdata> Events { get; set; }<br>    }<br><br>    public class CellModelToEventConverter : IValueConverter<br>    {<br>        public object Convert(object value, Type targetType, object parameter, string language)<br>        {<br>            var cellModel = value as CalendarCellModel;<br><br>            // Get a reference to the calendar container<br>            var calendar = cellModel.Presenter as RadCalendar;<br><br>            try<br>            {<br><br>       <br>          <br>            // Then you can get a reference to its DataContext (i.e. the page view model that holds the event information)<br>            var events = (calendar.DataContext as ViewModelView).Events;<br><br>            // return custom label for event cells<br>            var eventInfo = events.Where(e => e.StartTime == cellModel.Date).FirstOrDefault();<br>            if (eventInfo != null)<br>            {<br>                return eventInfo.Subject;<br>            }<br>            }<br>            catch (Exception ex)<br>            {<br>                AFS_MOJO_MetroEventSource.Log.Error("Convert():MView" + ex.Message);<br><br>            }<br><br>            // return default label for regular cells<br>            return cellModel.Label;<br>        }<br><br>        public object ConvertBack(object value, Type targetType, object parameter, string language)<br>        {<br>           throw new NotImplementedException();<br>        }<br>    }<br><br>    public class CustomStyleSelector : CalendarCellStyleSelector<br>    {<br>        public DataTemplate EventTemplate { get; set; }<br><br>        protected override void SelectStyleCore(CalendarCellStyleContext context, RadCalendar container)<br>        {<br>            var events = (container.DataContext as ViewModelView).Events;<br><br>            //event can come null so ...<br>            if (events != null)<br>            {<br>                if (events.Where(e => e.StartTime == context.Date).Count() > 0)<br>                {<br>                    context.CellTemplate = this.EventTemplate;<br>                }<br>            }<br>           <br>        }<br>    }<br>}

Plese bind some static data to the list . and let me know if you have any doubt or question .
Note - I am using VS2013 and windows 8.1 .

[Solved] Calendar Style working weirdly in 8.1

1 Answer, 1 is accepted