Articles in this section
Category / Section

How to render gantt fit to the browser window

1 min read

By using “SizeSettings” API we can able to fit the Gantt to the browser window.

By default, the Gantt control size will be updated according to “SizeSettings” and “IsResponsive” property values when we resize the window.

When we assign width or height value in percentage Gantt control size will be updated as per parent element size.

Please refer following code snippet,

<style type="text/css">
        html, body {
            height: 100%;
            padding: 0px;
            margin: 0px;
        #Gantt {
            position: absolute;
    <form id="form1" runat="server">
         <ej:Gantt ID="Gantt" runat="server" ... >
                 <SizeSettings Width="100%" Height="100%" />


The Gantt control with 100% height/width in ASP.NET application is available in following link.



Did you find this information helpful?
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment