How to prevent page scrolling in browser

[KINS]

I have used 24 syncfusion input control (textbix,combobox,date)and one grid in single blazor page.I would like to know how to prevent page scolling in desktop browser that means it should be compact in desktop browser.

please provide me sample code and help in this regard 

Note:-

1.For 24 control,I have divided 6 rows and 4 columns as bootstrap concepts

2.Page can scroll in Mobile Browser where as it should not be scroll in Desktop Browser.

[Joshna Lingala Uthama Reddy Lingala]

Hi KINS, 

Thanks for contacting Syncfusion Support. 

We have validated your query with your shared information at our end. We let you know that the default scrolling in desktop browser can be prevented by adding the scrollbar for the container by setting a height. We have prepared a sample in which we have added the scrollbar to the div so that the page scroll can be avoided, page scroll occurs if the content is more than the size of the space, so to avoid that we can add scroll to the classes by setting a height. please refer the below sample and images for your requirement 

Sample: https://www.syncfusion.com/downloads/support/forum/167859/ze/BlazorAppLayout1886642275 

Images: 

Desktop browser: 

 

 

Mobile browser: 

 

 

 

Please try with the above sample and get back to us if you need further assistance. 

Regards, 

Joshna L 

[KINS]

thanks for quick support.

is it possible to show scrollbar when all control is filled in div ?? otherwise it is not necessary to show

and also add height value based on browser height

[Joshna Lingala Uthama Reddy Lingala]

Hi KINS, 

Thanks for your update. 

 

We have validated your query for “ to add scrollbar with all controls in a div” at our end. We let you know that, all controls can be filled in a single div and can add scroll to that div by setting a height to the div, if we didn’t set a height then the default browser scroll will also be added. Please refer the modified sample from the following link. 

Sample: https://www.syncfusion.com/downloads/support/forum/167859/ze/BlazorAppLayout987180267 

Please try with the above sample and get back to us if you need further assistance. 

Regards, 

Joshna L