Put tje coulored 'dot' higher in the views

Thread is closed for posting
2 posts, 1 answers
  1. Eric
    Eric avatar
    16 posts
    Member since:
    May 2014

    Posted 06 Feb 2015 Link to this post


    I'm trying to put the "colored dots" in the Calendar more closer to the day number. I tried the RowSpacing and ColumnSpacing but that didn't work.

    See the two attachments. The blue dot is standard. I would like it to go to the red-spot position.

    Can anyone tell me how to do that?

    Many thanks in advance,

  2. Answer
    Yoanna avatar
    44 posts

    Posted 06 Feb 2015 Link to this post

    Hello, Eric,

    Thank you for contacting us. 

    You can achieve the desired effect by adopting TKCalendarDelegate and implementing its calendar:updateVisualsForCell: method. You will be able to customize properties of your cell in this method. For your goal you could use the eventInsets property of the cell class and apply larger inset from the bottom side of the event.

    Consider the code snippet below:
    - (void)calendar:(TKCalendar *)calendar updateVisualsForCell:(TKCalendarCell *)cell
        if ([cell isKindOfClass:[TKCalendarDayCell class]]) {
            TKCalendarDayCell *dayCell = (TKCalendarDayCell *)cell;
            TKCalendarDayCellStyle* style= dayCell.style;
            style.eventInsets = UIEdgeInsetsMake(0, 0, 10, 0);

    If you have any further questions do not hesitate to ask.


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top