GanttView small row height

[Marco]

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

[Dilyan Traykov]

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

[Marco]

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]

Hello Marco,

I'm glad to hear that you managed to achieve a suitable solution. Also, thank you for sharing it with our community.