locked
semantic zoom for multiple list views

    Question

  • I m developing app using javaScript to use semantic zoom we use only one list view but i have multiple list views in my page how to implement  if there r multiple list views 

    here is the sample code which i am using right now..can u tell me how to append if it is designed in table using java script.. 



    <body>
    
    <section>
    <table><tr><td style="width: auto; height: 100%; display: none;" id="myDealsSection">
                                <table style="height: 100%; margin-left: 80px; margin-bottom: 50px;">
                                    <thead>
                                        <tr>
                                            <td ><span id="MyDealsHead" style="font-size: 20pt; font-family: 'Segoe UI Light'; padding-left: 5px;">My Deals</span><span id="myDealsHdrArrw" style="font-size:20pt;"> &#xe013;</span></td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td style="width: auto; height: 100%; vertical-align: top;">
                                                <div id="homePageDealsList" aria-label="List of this group's items" style="height: 100%; width: auto;" data-win-control="WinJS.UI.ListView" data-win-options="{ selectionMode: 'none',layout: {type:WinJS.UI.GridLayout} }"></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                            <td style="width: 100%; height: 100%; display: none;" id="pinnedDealsSection">
                                <table style="height: 100%; margin-left: 80px;">
                                    <thead style="width: 100%;">
                                        <tr>
                                            <td><span id="pinnedDeals" style="padding-left: 5px; font-size: 20pt; font-family: 'Segoe UI Light';">Pinned Deals</span><span id="pinnedDealsHdrArrw" style="font-size:20pt;"> &#xe013;</span></td>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td style="width: auto; height: 100%; vertical-align: top;">
                                                <div id="pinnedDealsList" class="pinnedDealsItemsList" aria-label="List of this group's items" style="height: 100%; width: auto; margin-bottom: 50px;" data-win-control="WinJS.UI.ListView" data-win-options="{ selectionMode: 'none', layout: {type:WinJS.UI.GridLayout} }"></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td></tr></table>
    </section>
    
    </body>


    Thursday, March 14, 2013 2:39 PM

Answers

All replies