Set diagram height to 100% of browser window

[Tom Frajer]

Hi, I would like to create diagram canvas that will fill browser window completely. I have problem to set it to 100% height - is it possible to achieve this?

[Shyam G]

Hi Tom, 

 

We can set the diagram models height in percentage. Also if you set the model’s height in percentage, then the diagram’s height will be set based on the parent elements height.  We have created a sample in which we have set the parent’s element(body,html) height in percentage using CSS. Please refer to the code example and sample below. 

 

Code example: 

 

DiagramProperties model = new DiagramProperties(); 

 model.Height = "100%"; 

 model.Width = "100%"; 

 

<style> 

    html, body { 

       height:100%; 

    } 

</style> 

 

Sample:http://www.syncfusion.com/downloads/support/directtrac/general/ze/Tomheightsample1233676673 

 

Regards, 

Shyam G 

[Tom Frajer]

Great, now it works. I needed to set my html and body to 100% too.

[Shyam G]

Hi Tom, 

Please let us know if you need further assistance on this. 

Regards, 

Shyam G