GanttView small row height

1 Answer 18 Views
GanttView
Marco
Top achievements
Rank 1
Iron
Iron
Iron
Marco asked on 28 Mar 2022, 01:11 PM

I want to create a overview where all my 200+ tasks can be seen at one view. To do this, I wanted to make my row height to 5 pixels. So I added this code to my usercontrol:

<system:Double x:Key="RowHeight">5</system:Double><Style TargetType="telerik:EventContainer" BasedOn="{StaticResource EventContainerStyle}"> <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" /> <Setter Property="MinHeight" Value="{StaticResource RowHeight}" /> </Style><Style TargetType="telerik:MilestoneContainer" BasedOn="{StaticResource MilestoneContainerStyle}"> <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" /> <Setter Property="MinHeight" Value="{StaticResource RowHeight}" /> </Style><Style TargetType="telerik:SimpleCellContainer" BasedOn="{StaticResource SimpleCellContainerStyle}"> <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" /> <Setter Property="MinHeight" Value="{StaticResource RowHeight}" /> </Style><Style TargetType="telerik:CellContainer" BasedOn="{StaticResource CellContainerStyle}"> <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" /> <Setter Property="MinHeight" Value="{StaticResource RowHeight}" /> <Setter Property="Padding" Value="0" /> </Style><Style TargetType="telerik:CellEditingContainer" BasedOn="{StaticResource CellEditingContainerStyle}"> <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" /> <Setter Property="MinHeight" Value="{StaticResource RowHeight}" /> </Style><Style TargetType="telerik:SimpleTreeCellContainer" BasedOn="{StaticResource SimpleTreeCellContainerStyle}"> <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" /> <Setter Property="MinHeight" Value="{StaticResource RowHeight}" /> </Style><Style TargetType="telerik:DragResizeSlotHighlightContainer" BasedOn="{StaticResource DragResizeSlotHighlightContainerStyle}"> <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" /> <Setter Property="MinHeight" Value="{StaticResource RowHeight}" /> </Style><Style TargetType="telerik:CellHighlightContainer" BasedOn="{StaticResource CellHighlightContainerStyle}"> <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" /> <Setter Property="MinHeight" Value="{StaticResource RowHeight}" /> </Style><Style TargetType="telerik:TreeCellHighlightContainer" BasedOn="{StaticResource TreeCellHighlightContainerStyle}"> <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" /> <Setter Property="MinHeight" Value="{StaticResource RowHeight}" /> </Style><Style TargetType="telerik:TreeCellEditingContainer" BasedOn="{StaticResource TreeCellEditingContainerStyle}"> <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" /> <Setter Property="MinHeight" Value="{StaticResource RowHeight}" /> </Style><Style TargetType="telerik:TreeCellContainer" BasedOn="{StaticResource TreeCellContainerStyle}"> <Setter Property="MaxHeight" Value="{StaticResource RowHeight}" /> <Setter Property="MinHeight" Value="{StaticResource RowHeight}" /> </Style>

But the height is only changed on the EventContainer, not the full row:

 

How can I change the full row height?

Thanks.

Regards, Marco

1 Answer, 1 is accepted

Sort by
0
Dilyan Traykov
Telerik team
answered on 31 Mar 2022, 06:07 AM

Hello Marco,

Thank you for the provided code snippet.

With the current implementation of the control, a row height smaller than 20 pixels will not be possible. I'm attaching a small sample project to demonstrate how this height can be achieved.

I hope you're able to work with this height.

Regards,
Dilyan Traykov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Marco
Top achievements
Rank 1
Iron
Iron
Iron
commented on 01 Apr 2022, 05:39 AM

Hello Dilyan

Thanks for your answer.

Well, I need the tasks smaller than 20. So I searched for another solution. If someone needs something similar:

1. Zoom out on RadDocking. My content is on a RadDocking, which can be zoomed out, so you see full GanttView.

2. Export the GanttChart as image (save output from pdf export as picture), where you can zoom in and out.

Regards,

Marco

 

Dilyan Traykov
Telerik team
commented on 01 Apr 2022, 08:44 AM

Hello Marco,

I'm glad to hear that you managed to achieve a suitable solution. Also, thank you for sharing it with our community.
Tags
GanttView
Asked by
Marco
Top achievements
Rank 1
Iron
Iron
Iron
Answers by
Dilyan Traykov
Telerik team
Share this question
or