locked
ListView Keeps reformatting / I just touch html5 style to get it back.

    Question

  • I've made a simple listview with a picture and some text.  I set the div's to be 100% for height and width.  All I have to do is go back and retype 100% over the original style and the pictures come our correct (see attached before and after). I'm also showing my very simple html.

    <div data-win-control="WinJS.UI.ViewBox" style="outline-color: black;">
            <div style="width: 100%;height: 100%">
                <div id="personTemplate" data-win-control="WinJS.Binding.Template">
                    <div style="width: 100%;height: 100%">
                        <div style="margin: 15px 15px 15px 15px">
                            <img data-win-bind="src: pic" alt="Databound image" />
                            <h3>
                                Rep <span class="content" data-win-bind="innerText: firstname"></span>&nbsp;<span class="letter"
                                    data-win-bind="innerText: lastname"></span>
                            </h3>
                        </div>
                    </div>
                </div>
                <div id="listview" class="flipView" data-win-control="WinJS.UI.ListView" data-win-options="{dataSource: itemDataSource, itemRenderer: personTemplate, layout: {type: WinJS.UI.GridLayout, maxRows:2}}" style="margin: 15px 15px 15px 15px; left: -3px; top: 10px; height: 100%;width: 100%">
                </div>
            </div>
        </div>
    


    Peter Kellner http://peterkellner.net Microsoft MVP • ASPInsider
    Monday, December 26, 2011 8:05 PM

All replies

  • Hi Peter,

    Did you get this issue resolved?

    -Jeff


    Jeff Sanders (MSFT)
    Thursday, January 5, 2012 2:28 PM
    Moderator