Go Back   SmartClient Forums > Technical Q&A
Wiki Register Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Search this Thread
  #1  
Old 6th Aug 2008, 08:57
s.thinkbig s.thinkbig is offline
Registered Developer
 
Join Date: Jul 2008
Posts: 20
Default aligining buttons in horizontally

Hi,

I want to create buttons horizontally bottom of the grid.
I could done that buttons as vertical.
B1
B2.... fine

I cant do as horizontal, like

B1 B2 .........

I tried to set up right ,left,top,bottom etc values., these are invidually working , when I try to integrate in the some page which will have tree grid and list grid.That buttons became vertical.
this the code ....................
---------------------------------------------------

<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_DataBinding.js></SCRIPT>
<SCRIPT SRC=../../isomorphic/skins/SmartClient/load_skin.js></SCRIPT>
<body>
<SCRIPT>
var orderData= [
{

"dealId":30843484,
"case":"54879",
"endcustomername":"SONSTIGE OFFENNTILECHE AUFTRAGGED",
"mccode":"MA9",
"discount":"-426,425$"
}


];
</SCRIPT>

<script>
isc.DataSource.create({
ID: "orderDS",
fields:[
{name:"dealId" ,title:"DealId"},
{name:"case" ,title:"Case#"},
{name:"endcustomername" ,title:"End customer name"},
{name:"mccode" ,title:"Mc code #"},
{name:"discount" ,title:"Total Discount Amount"}
],
clientOnly: true,
testData: orderData
})
isc.ListGrid.create({
ID: "orderDS",
width:" 600% ",
height:"100",
bottom:"70%",
alternateRecordStyles:true, showAllRecords:true,wrapHeaderCells:true,headerHei ght:30,
dataSource: orderDS,

margin:25,

autoFetchData: true

});



</script>

<SCRIPT>
var orderData_suresh= [
{
"euv":false,
"lineitemid":6384117,
"country":"Germany",
"euvresult":"WIP",
"openflag":"Y",
"t1resellername":"fvgf",
"t1resellercbn":10,
"t1resellerreference":"MEDIASETsuresh",
"t1resellerinvoiceno":"23345",
"t1resellershipmentdate":"25-11-2007",
"t2resellername":10,
"t2resellervatid":"MEDIASETsuresh",
"t2resellerreference":"23345",
"hpclaimid":"25-11-2007",
"hpordernumber":"25-11-2007",
"hporderclaimdate":10,
"pl":"MEDIASETsuresh",
"hpproductnumber":"23345",
"ordshipmentqty":"25-11-2007",
"pda":"23345"
},
{
"euv":false,
"lineitemid":6290684,
"country":"Germany",
"euvresult":"WIP",
"openflag":"Y",
"t1resellername":"fvgf",
"t1resellercbn":10,
"t1resellerreference":"MEDIASETsuresh",
"t1resellerinvoiceno":"23345",
"t1resellershipmentdate":"25-11-2007",
"t2resellername":10,
"t2resellervatid":"MEDIASETsuresh",
"t2resellerreference":"23345",
"hpclaimid":"25-11-2007",
"hpordernumber":"25-11-2007",
"hporderclaimdate":10,
"pl":"MEDIASETsuresh",
"hpproductnumber":"23345",
"ordshipmentqty":"25-11-2007",
"pda":"23345"
}

];
</SCRIPT>

<script>
isc.DataSource.create({
ID: "orderDS_suresh",
fields:[
{name:"euv" ,title:"EuV", type:"boolean",canEdit:true},
{name:"lineitemid" ,title:"LineItemId"},
{name:"country" ,title:"Country"},
{name:"euvresult" ,title:"Euvresult"},
{name:"openflag" ,title:"Openflag"},
{name:"t1resellername",title:"t1resellername"},

{name:"t1resellercbn" ,title:"T1resellerCbn"},
{name:"t1resellerreference" ,title:"T1resellerreference"},
{name:"t1resellerinvoiceno" ,title:"T1resellerinvoiceno"},
{name:"t1resellershipmentdate" ,title:"T1resellershipmentdate"},
{name:"t2resellername" ,title:"T2resellername"},
{name:"t2resellervatid" ,title:"T2resellervatid"},
{name:"t2resellerreference" ,title:"T21resellerregernce"},
{name:"hpclaimid" ,title:"HpClaimId"},
{name:"hpordernumber" ,title:"HpOrderNumber"},
{name:"hporderclaimdate" ,title:"HpOrder/ClaimDate"},
{name:"pl" ,title:"Pl"},
{name:"hpproductnumber" ,title:"HpProductNumber"},
{name:"ordshipmentqty" ,title:"Order/Shipment Qty"},
{name:"pda" ,title:"Pda"}
],
clientOnly: true,
testData: orderData_suresh
})
isc.ListGrid.create({
ID: "orderDS_suresh",
width:900, height:224,
alternateRecordStyles:true,
showAllRecords:true,wrapHeaderCells:true,headerHei ght:30,
dataSource: orderDS_suresh,

margin:25,

autoFetchData: true,
showFilterEditor: true
});

</script>

<SCRIPT>

isc.Tree.create({

ID:"worklistTree",
title:"Worklist Management", autoShow:true,
root:

{name:"WorkLists",

width: 1600,
height:1600,
children:[

{name:"CaseList", children:[



]
},
{name:"Case:OPG 12345", children:[
{name:"case",title:"Alarms"},
{name:"Line Overview"},
{name:"Enrichment"},
{name:"POD/Invoices"},
{name:"POD/Invoices"},
{name:"EuVResults/CM"},
{name:"CaseOverview-EuV/CM"},
{name:"CaseOverview-Inv/POD"}




]
}

]}

});

</SCRIPT>

<!-- Pick up application UI and logic from the .js UI file
================================================== ====================
-->

<SCRIPT>



isc.TreeGrid.create({
ID:"worklistTree",
data:worklistTree,
title:"dcs",
top:"20",
width: "280",
height:"1000",
animateFolders: true,
animateFolderSpeed: 100

});

</SCRIPT>
<script>
isc.HLayout.create({
ID:"pageLayout",
width:"100%",
height:"100%",
members:[
isc.SectionStack.create({
ID:"leftSideLayout",
width:280,

backgroundColor:"white",
showResizeBar:true,
visibilityMode:"multiple",
animateSections:false,
sections:[
{title:"Worklist Management", showResizeBar:"false",autoShow:false, items:[worklistTree]}
]
}),
isc.SectionStack.create({
ID:"rightSideLayout",
backgroundColor:"white",
visibilityMode:"multiple",
animateSections:true,
sections:[

{title:"OPG 30843484",layoutAlign:"center", fontColor:"blue",autoShow:true, items:[orderDS]},

{title:"Deal Compliance System", fontColor:"blue",autoShow:true, items:[orderDS_suresh]},


isc.Button.create({
title:"Select Lines",
layoutAlign:"center"

}),
isc.Button.create({
title:"Select All",
layoutAlign:"center"

}),
isc.Button.create({
title:"Deselect",
layoutAlign:"center"


}),
isc.Button.create({
title:"Back",
layoutAlign:"center"

})
]
})
]
});


</script>
</body>


----------------------------------------------------------------

please suggest..

can you suggest ?
Reply With Quote
  #2  
Old 6th Aug 2008, 10:56
Isomorphic Isomorphic is online now
Administrator
 
Join Date: May 2006
Posts: 35,707
Default

The only Buttons in your code seem to be in the midst of a SectionStack.sections Array, which is invalid. If you want a horizontal array of buttons, use an HStack and provide the buttons as members.
Reply With Quote
Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search


© 2010,2011 Isomorphic Software. All Rights Reserved