Xamarin Forms Calendar UI

[Muhammad Rashid]

Is it possible for 100% similar look n feel (horizontal colourful dots, selected circle, left-right scroll transition etc) for both iOS and Android Calendar UI when using with Xamarin Forms Shared Project.

Currently iOS has look n feel as (horizontal colourful dots, selected circle, left-right scroll transition etc) but Android has different along with top-bottom scrolling.

Can we achieve same look n feel for Android also as in iOS already?

 

[Lance | Manager Technical Support]

Hello Muhammad,

You have submitted a duplicate support ticket for this matter. I am closing this thread so we can keep the communication in a single thread and prevent miscommunication. If you would like to share the information you got in your ticket with the public community you can always come back here and post it.

For future issues, please choose either a Support Ticket or a Forum thread. Thank you for your understanding in this matter

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

[Vinh]

Hi Muhammad, 

I had the same problem. I am newbie and I am using the trial version so I can't submit a ticket. Can you share the information you got in your ticket?

[Lance | Manager Technical Support]

Hello Vinh,

I have pasted my response below. If you have any further questions, you can open a support ticket here (trial license does come with support for the duration of the trial)  


--Response--

What you're requesting goes against the UX guidelines for the native platforms and defeats the purpose of using Xamarin Forms as Xamarin Forms intent is to render the platform specific controls in a platform specific UX. The UX guideline for Android is vertical scrolling while iOS UX guideline is to horizontally scroll. 

Therefore, at this time, we do not expose a property that lets you change this. However you could request such a feature in the Feedback Portal for consideration in a future release of UI for Xamarin (note that this will largely depend if the native platform's component in UI for Android/UI for iOS/UI for UWP supports such a configuration).


Appointment Shapes

As far as the appointment shapes, you can absolutely have the shapes on each platform. The RadCalendar surfaces an API to use shapes and/or text in the cell. With the Shapes properties, you can set a location to place them (ShapesVerticalLocation and ShapesHorizontalLocation).

Go here for a tutorial and sample code on how to use Shapes in the appointment and see here for the entire Appointment Styling article.

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

[Vinh]

So sad to hear this but I would say thank you :) 

[Dev]

@Lance

What about the "selected circle" that indicates the selected date/cell? Is there a way to get Android to show that (as opposed to background/border highlight). I haven't been able to find a way to accomplish this with a custom renderer and/or customization rule.

[Lance | Manager Technical Support]

Hello Dev,

Anything that's available in the native control is generally settable in the custom renderer. Take a look at the following two documentation articles for the native Android Calendar control's API:

- Selection - Cell Decorators
- Customization

@Vinh & Muhammad,

It's been a while since we last spoke about your requests, we've implemented many improvements in the past year. You can now change the scrolling direction in the iOS custom renderer along with other native-level features. With a bit of design effort, you could override the default styling for a fully custom appearance that look similar across platforms (not 100%, but close).

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

[Dev]

Fantastic! Exactly what I needed. Thanks.