Grid only shows one row per 'screen'

Discontinued products DHTMLX Touch
#1

I’m just getting stated with Touch. Any reason why the following is presenting only one row per ‘screen’ in the grid? I am using the latest beta (0.8b).

[code]




<body>
    <script type="text/javascript" charset="utf-8">
        dhx.Type(dhx.ui.grid,{
           name:"items",
           height:22
        });

        dhx.ui ({
            id: 'app',
            view: 'layout',
            height: 482,
            width: 322,
            rows: [
                { view: 'layout',
                    type: 'wide',
                    rows: [
                        { view: 'list',
                            id: 'Customer',
                            datatype: 'json',
                            url: '/cgi-bin/BoardCustomer.pl?sls=10',
                            template: '#name#',
                            select: true,
                            scroll: true,
                            type: {
                                width: 300
                            },
                            height: 120
                        },
                        { view: 'grid',
                            type:"items",
                            fields: [
                                { width: 210,
                                    label: 'Frame',
                                    type: 'custom',
                                    align: 'left',
                                    template: '#frame#',
                                    sort: { by: '#frame#', dir: 'asc', as: 'string'},
                                    select: false,
                                    id: 'frame'
                                },
                                { width: 90,
                                    label: 'In Stock',
                                    type: 'custom',
                                    align: 'center',
                                    template: '<input type="checkbox" value="Y">',
                                    select: false,
                                    id: 'stocked'
                                }
                            ],
                            header: true,
                            select: true,
                            height: 360,
                            id: 'Frames'
                        }
                    ],
                    id: 'Board'
                }
            ]
        });
        $$("Customer").attachEvent("onafterselect",function loadgrid(id){
            $$("Frames").load("/cgi-bin/Board.pl?cust=" + id, "json");
        });

    </script>
</body>
[/code]
#2

Add the next at top of page, it will set page as HTML5 and fix your issue

<!DOCTYPE HTML>
#3

Thanks!