Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    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,headerHeight: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,headerHeight: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 ?

    #2
    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.

    Comment

    Working...
    X