We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Make Gantt height 100%

Thread ID:





130134 Apr 24,2017 01:48 PM UTC Apr 25,2017 05:10 PM UTC ASP.NET Web Forms 1
Tags: Gantt
Armand De Lange
Asked On April 24, 2017 01:48 PM UTC


I am trying to get the gantt control to display on its height 100%. Tried everything I can think of, no success.

Can you advice?


Jayakumar Duraisamy [Syncfusion]
Replied On April 25, 2017 05:10 PM UTC

Hi Armand, 
Please find the response below. 
Height of the Gantt control will be calculated from the height of its parent element if we are given the height in terms of percentage. Hence, we would like to suggest you that set style of height as 100% to the root parent element of body and set the control css position as absolute. This will be rendering the control in full size screen. 
Please refer following code snippet, 
<style type="text/css"> 
        html, body { 
            height: 100%; 
            padding: 0px; 
            margin: 0px; 
        #GanttContainer { 
            position: absolute; 
We have also prepared a sample for your reference, please find the sample as below, 
Please let us know if you require further assistance on this. 
Jayakumar D 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon