Answered by:
semantic zoom for multiple list views

-
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;"> </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;"> </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>
- Edited by MaheshSetty Monday, March 18, 2013 5:51 AM
Thursday, March 14, 2013 2:39 PM
Question
Answers
-
For this to work you need to have a SemanticZoom control around each listView, and then each one of those will need a "zoomed out" ListView. The SemanticZoom control is pretty rigid, so it's really unlikely you'll be able to share anything across both of your listviews.
SemanticZoom reference:
http://msdn.microsoft.com/en-us/library/windows/apps/br229690.aspx
- Marked as answer by Yanping WangMicrosoft contingent staff, Moderator Thursday, March 21, 2013 1:57 AM
Monday, March 18, 2013 6:16 PM
All replies
-
Hello,
I am not quite sure I understand what you mean with you question, Could you elaborate your requirement?
HTML ListView grouping and SemanticZoom sample please refer:
Yanping Wang
MSDN Community Support | Feedback to us
Develop and promote your apps in Windows Store
Please remember to mark the replies as answers if they help and unmark them if they provide no help.Friday, March 15, 2013 7:28 AMModerator -
i have given the code can u tell me now..Monday, March 18, 2013 7:52 AM
-
For this to work you need to have a SemanticZoom control around each listView, and then each one of those will need a "zoomed out" ListView. The SemanticZoom control is pretty rigid, so it's really unlikely you'll be able to share anything across both of your listviews.
SemanticZoom reference:
http://msdn.microsoft.com/en-us/library/windows/apps/br229690.aspx
- Marked as answer by Yanping WangMicrosoft contingent staff, Moderator Thursday, March 21, 2013 1:57 AM
Monday, March 18, 2013 6:16 PM