ScheduleView Timeline fill space

2 Answers 17 Views
ScheduleView
Benedikt
Top achievements
Rank 3
Iron
Iron
Iron
Benedikt asked on 09 Feb 2022, 12:30 PM

Hi guys,

I use a ScheduleView in Timeline Mode to display when users had vacations.
My problem now is, that the size of the Timeline-Area with the columns doesn't grow.
If the available space is smaller a scrollbar appears (what is good).
But if the available space is bigger, the columns get smaller instead that the space is used.
I tried to play with the MaxTimeRulerExtent property but this doesn't seem to have an effect.

Is there something I'm missing?

Greetings Benedikt

2 Answers, 1 is accepted

Sort by
0
Masha
Telerik team
answered on 11 Feb 2022, 09:21 AM

Hi Benedikt,

Thank you for contacting us. 

In order to achieve the desired look, you need to set MinTimeRulerExtent="1" and MaxTimeRulerExtent="Infinity" to the TimelineViewDefinition.

<telerik:TimelineViewDefinition  MinTimeRulerExtent="1" MaxTimeRulerExtent="Infinity"/>

I hope this helps.

Regards,
Masha
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Benedikt
Top achievements
Rank 3
Iron
Iron
Iron
commented on 17 Feb 2022, 08:11 AM

Hi Mahsa, 

this is the right approach but not exactly what I want.
With this the width of the ticks gets still smaller the more days are visible.

I want something where

  • MinWidth for the ticks so they don't get smaller than that
  • Fill the space, so make the width of ticks bigger if there is more space
  • ScrollBar if because of the MinWidth not all ticks are visible

I hope this is understandable

Greetings
Benedikt

0
Masha
Telerik team
answered on 22 Feb 2022, 07:56 AM

Hi Benedikt,

Straight to your questions:

Setting MinWidth for the ticks will not have the desired result as the width of the ticks is calculated in code behind and even if you set MinWidth through TimeRulerItemTemplateSelector it still can be cut. Maybe you can set a smaller font size to achieve the look you want. You can try setting  GroupTickLength or MajorTickLength of TimelineViewDefinition. Also, you can set VisibleDays with MaxTimeRulerExtent - Infinity which will stretch ticks according to the available space.

More information about configuring the TimeRuler ticks you can find in our help article

If you still have problems adjusting TimeRuler ticks maybe you can send me a sample project where I'll try to help you to achieve the desired look.

 

Regards,
Masha
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
ScheduleView
Asked by
Benedikt
Top achievements
Rank 3
Iron
Iron
Iron
Answers by
Masha
Telerik team
Share this question
or