I'm attempting to create a layout where a ListGrid appears using 100% of the browser window width and height.
However the layout overflows the browser's window size and the browser's scrollbars appear.
Please see the attached screenshot and developer console debug log.
This is my source code:
How should I be specifying the layout so that the browser scrollbars do not appear? I want the layout to fit the browser's window.
SmartClient version: v10.0p_2015-04-05/EVAL Development Only (expires 2015.06.04_07.03.19) Licensed to: Isomorphic Software (#ISC_EVAL_NIGHTLY)
Browser version: FireFox 37.0.1
Thank you,
Andrew
However the layout overflows the browser's window size and the browser's scrollbars appear.
Please see the attached screenshot and developer console debug log.
This is my source code:
Code:
<%@ taglib uri="isomorphic" prefix="isomorphic" %>
<!doctype html>
<HTML>
<HEAD>
<isomorphic:loadISC skin="standard"/>
</HEAD>
<BODY>
<SCRIPT>
<isomorphic:loadDS ID="chemicals" />
isc.ListGrid.create({
ID: "contactsList",
alternateRecordStyles: true,
autoFetchData: true,
dataSource: chemicals
});
isc.VLayout.create({
height: "100%",
width: "100%",
overflow: "hidden",
autoDraw: true,
layoutMargin: 10,
members: [ contactsList ]
});
</SCRIPT>
</BODY>
</HTML>SmartClient version: v10.0p_2015-04-05/EVAL Development Only (expires 2015.06.04_07.03.19) Licensed to: Isomorphic Software (#ISC_EVAL_NIGHTLY)
Browser version: FireFox 37.0.1
Thank you,
Andrew