About TKCalendar/DayView Styling in Xamarin.iOS

5 posts, 0 answers
  1. hmk
    hmk avatar
    3 posts
    Member since:
    Nov 2017

    Posted 30 Nov 2017 Link to this post

    We have just purchased Devcraft licenses for use in Xamarin.

    Regarding using TKCalendar in DayView mode in Xamarin.iOS: 

     

    1. How can I change font family and font size for month, date and clock?

    2. How can I change background Color and size of selected day spot. By default it look like this: (Default.png) but in your Telerik.XamarinForms QSF sample : (Forms Example.png)

    3. How can I switch between 12 hour and 24 hour clock indications?

    4. I drag / resize events in the hour list view supported? 

    Did not really think I could find any information about it ...

  2. Stefan Nenchev
    Admin
    Stefan Nenchev avatar
    565 posts

    Posted 05 Dec 2017 Link to this post

    Hello, Henrik,

    Thank you for the pictures provided.

    Before providing additional information on the matter, I would like to make sure we are on the same page regarding the setup at your end. You have chosen the Calendar for Xamarin Cross-Platform as a product(the Xamarin.Forms calendar) but you are referring to the TKCalendar which is the Xamarin.iOS implementation of the Calendar. Furthermore, the QSF application you are referring to is using the Xamarin.Forms approach(with some custom renderers). Can you please confirm which of the controls implementations you are using so we can provide more specific information?

    If you would like to modify the appearance of the TKCalendar, you can have a look at the Examples application which is located in the Examples/iOS folder in your local Telerik UI for Xamarin installation as well as the documentation of the control - iOS Calendar Getting Started. More specifically, you can have a look at the CalendarDayViewStyling and CalendarDayViewCustomization examples as they show the approach you need to take in order to customize the calendar and its different elements in Xamarin.iOS.

    As for the drag/resize events, unfortunately, such behavior is not supported in both approaches.

    I am looking forward to your reply.

    Regards,
    Stefan Nenchev
    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
  3. hmk
    hmk avatar
    3 posts
    Member since:
    Nov 2017

    Posted 07 Dec 2017 in reply to Stefan Nenchev Link to this post

    Hi, Stefan
    Thank you for taking the time to respond to my inquiry! The reason we purchased Devcraft was partly that we will eventually use Telerik for Xamarin Forms and that we were worried that Telerik for Xamarin.iOS was retiring due to information on your website and we were in doubt that the controls would be available in the future. But we were told by one of your sellers that it was just been re-bundled and would be available in the future. Maybe we bought licenses to the wrong product?

    But, right now we work on a Xamarin.iOS project that demands styling especially fonts and colors and from the documentation I was unsure whether the styling we need would be possible. Especially the font for all text elements on the CalendarDayView needs to be the font designated the App. I’ve looked at the Classes you mention and it’s possible to change the font so I think its fine.

    But I still need to change the background Color and size of selected day spot as mentioned in my first post. I haven’t found out how to do that?

    How about timeline indication?  I guess its not supported?

    Best regards
    Henrik
  4. Stefan Nenchev
    Admin
    Stefan Nenchev avatar
    565 posts

    Posted 12 Dec 2017 Link to this post

    Hello Henrik,

    Regarding the future of the Xamarin.iOS, we are dedicated to improving and enriching the product as it is a vital part of the Telerik UI for Xamarin suite. Furthermore, the Xamarin.Forms controls also use the "native" controls(they are actually .net wrappers) as a backbone so we are investing efforts in both products. The products that got deprecated are actually the truly native UI for iOS and UI for Android. So to summarize, we are going to support the Xamarin.iOS and Xamarin.Android controls as they are an important part of the "Xamarin" experience.

    As you are currently going to use the Xamarin.iOS implementation of the Calendar here is some more information on how you can apply the necessary changes. Basically, modifying the background/foreground color of the selected cell is shown in the DayViewCalendarRenderer class in the QSF Application. More specifically, you can achieve it by utilizing the UpdateVisualsForCell method of the CalendarDelegate. You can also create custom cells as shown in the attached example. Please, have a look at the CustomCalendarRenderer class in the iOS Project as it contains the same logic which you can apply in the Xamarin.iOS project at your end. Furthermore, I have included a custom font which is used(please have a look at the following post for more information - Using custom fonts)

    I hope the information will be useful.

    Regards,
    Stefan Nenchev
    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
  5. hmk
    hmk avatar
    3 posts
    Member since:
    Nov 2017

    Posted 13 Dec 2017 in reply to Stefan Nenchev Link to this post

    Hi Stefan
    It sounds good. Thank you for providing a satisfactory answer. I look at the examples and the description. Thanks for the help!

    Best regards
    Henrik
Back to Top