Detail WeekView for Calendar in UI for Xamarin

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

Detail WeekView for Calendar

3 Answers 34 Views

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

3 Answers, 1 is accepted

Accepted

answered on 28 Aug 2017, 10:50 AM

Hello,

This functionality is only available when CalendarViewMode is 'Day'. It is actually implemented as a timeline. For all other view modes, you will need to manually add and populate the desired listview.

In addition, I should note that your screenshot depicts a problem -- the dates are not stretched downwards to the end of the control. We have scheduled this to be fixed for the next release, expected in September. So, you will be able to set the HeightRequest property and in week mode, there will be no space beneath the dates, so you will have enough real estate to add that list.

Best regards,
Ves
Progress Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items

answered on 18 Sep 2017, 10:58 AM

screenshot_20170918-162746-1.png

hi,

I added a listview to show appointments. That makes the week view shrinked. And leaves empty space between weekview and the list. I tried with a stackpanel, grid but that makes week view invisible. What would be the solution here? following is my code

<telerikDataControls:RadCalendar x:Name="Calendar"></telerikDataControls:RadCalendar>

<telerikDataControls:RadListView Grid.Row="1" x:Name="listView">

<telerikDataControls:RadListView.ItemTemplate>

<DataTemplate>

<telerikListView:ListViewTemplateCell>

<telerikListView:ListViewTemplateCell.View>

<StackLayout>

<template:AppointmentListItemTemplate/>

</StackLayout>

</telerikListView:ListViewTemplateCell.View>

</telerikListView:ListViewTemplateCell>

</DataTemplate>

</telerikDataControls:RadListView.ItemTemplate>

</telerikDataControls:RadListView>

Thank you in advance.

Accepted

answered on 18 Sep 2017, 09:27 PM

Hi Roshan,

Xamarin.Forms can be a little difficult when it comes to layout positioning, It may take some experimentation to get the exact results you want.

Start here and then set Row Height to get the proportion you'd like.

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="2*"/>

<RowDefinition Height="1*"/>

</Grid.RowDefinitions>

<input:RadCalendar x:Name="Calendar" VerticalOptions="Fill"/>

<dataControls:RadListView Grid.Row="1" x:Name="listView" VerticalOptions="Fill"/>

</Grid>

One note: avoid putting a control that uses UI virtualization in a StackLayout (or Auto height RowDefinition) because they measure infinity. If you need to, make sure you set an explicit HeightRequest to the control.

Regards,
Lance | Tech Support Engineer, Sr.
Progress Telerik