New to Telerik UI for ASP.NET AJAXStart a free 30-day trial

Placing RadGantt inside RadWindow

This help article demonstrates how to place RadGantt inside a RadWindow, setting its height and width to 100%, without displaying vertical and horizontal scrollbars.

If you place RadGantt inside a RadWindow and set its width and height to 100% scrollbars will appear. This is due to the borders adding 2% resulting in a content size that is 102% of its parent element's size. Showing the scrollbars can be avoided by placing the RadGantt in a container div and applying the following CSS styles to the div:

CSS
.gantt-container {
    padding: 0 2px 2px 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}
Not finding the help you need?
Contact Support