Hi - I am having a difficult time trying to figure out why my sizing does not work and I have narrowed it down to dynamic forms. Below I have a simple sample of a vertical layout. I have set my width to be 486px. Then I add a dynamic form with column widths that add up to what I have specified as the width of the form. When I run this sample and I use firebug to determine the size of the vertical layout, it has grown to 494px. My question is why? Is there padding somewhere that I cannot see? Clearly the form should not take that much room based on my setup. Once I remove the form and only have the button, the vertical layout retains the size I have specified (486px).
My second question (not as important) - "fixedColWidths" from what I can understand tells you to use the column widths that I have specified but I do not see this happening unless I put "width: '*'" for each form item. Why is that?
I am using SmartClient_v83p_2013-08-15_PowerEdition
I also tried with :
SmartClient_v90p_2013-11-20\smartclientSDK
My second question (not as important) - "fixedColWidths" from what I can understand tells you to use the column widths that I have specified but I do not see this happening unless I put "width: '*'" for each form item. Why is that?
I am using SmartClient_v83p_2013-08-15_PowerEdition
I also tried with :
SmartClient_v90p_2013-11-20\smartclientSDK
Code:
<HTML><HEAD><TITLE>Test Show All</TITLE>
<HTML><HEAD><TITLE>Test Show All</TITLE>
</HEAD>
<body class="pageBackground" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" scroll="no" style="overflow:hidden">
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<SCRIPT>var isomorphicDir = "isomorphic/"</SCRIPT>
<SCRIPT SRC=/isomorphic/system/modules/ISC_Core.js></SCRIPT>
<SCRIPT SRC=/isomorphic/system/modules/ISC_Foundation.js></SCRIPT>
<SCRIPT SRC=/isomorphic/system/modules/ISC_Containers.js></SCRIPT>
<SCRIPT SRC=/isomorphic/system/modules/ISC_Grids.js></SCRIPT>
<SCRIPT SRC=/isomorphic/system/modules/ISC_Forms.js></SCRIPT>
<SCRIPT SRC=/isomorphic/system/modules/ISC_FileLoader.js></SCRIPT>
<SCRIPT SRC=/isomorphic/system/modules/ISC_DataBinding.js></SCRIPT>
<SCRIPT SRC=/isomorphic/skins/Mobile/load_skin.js></SCRIPT>
<SCRIPT>
isc.VLayout.create({width: 486,members:[
isc.DynamicForm.create({
ID: "exampleForm",titleOrientation: "top",
fixedColWidths:true,
colWidths: [150,150,50,50],width: 400,
numCols: 4,
fields: [
{name: "username",
title: "Username",
type: "text",
required: true,
width:"*",
defaultValue: "bob"
},
{name: "email",
title: "Email",
required: true,
type: "text",
defaultValue: "bob@isomorphic.com"
},
{name: "password",
title: "Password",
required: true,
type: "password",
width:"*"
},
{name: "password2",
required: true,
title: "Password again",
width:"*",
type: "password"
}
]
}), isc.Button.create({title:"test"})]});
</script>
<p>
</BODY>
</html>