none
.win-item listview group HTML5 RRS feed

  • Pregunta

  • Buenas,

    Tengo un listview con 3 templates distintos:

          <div data-win-control="WinJS.Binding.Template" id="itemTemplate">
                    <div class="itemTemplate">
                        <img src="#" data-win-bind="src:foto" />
                        <h2 data-win-bind="innerText:descripcion"></h2>
                        <h3 data-win-bind="innerText:precio"></h3>
                    </div>
           </div>
    
        <div data-win-control="WinJS.Binding.Template" id="itemTemplateDoble">
             <div class="itemTemplateDoble" >
                <img src="#" data-win-bind="src:foto" />
                <h2 data-win-bind="innerText:descripcion"></h2>
                <h3 data-win-bind="innerText:precio"></h3>
            </div>
        </div>
    
        <div data-win-control="WinJS.Binding.Template" id="itemTemplateTriple">
             <div class="itemTemplateTriple">
                <img src="#" data-win-bind="src:foto" />
                <h2 data-win-bind="innerText:descripcion"></h2>
                <h3 data-win-bind="innerText:precio"></h3>
            </div>
        </div>

    Tengo problema con el elemento que agrupa todos los elementos, siempre tiene el mismo tamaño por más que cambie por CSS.

    .itemTemplate   {
        width: 300px;
        height: 100px; display:block; background-color:aquamarine;
        background-color: #999;
        padding: 5px;
    }
    
    .itemTemplateDoble   {
        width: 300px;
        height: 220px;
        padding: 5px;
        background-color: #999;display:block; 
    }
    
    
    .itemTemplateTriple  {
        width:300px;
        padding:5px;
        background-color:#999;display:block; 
        height:340px;
    }

    Al parecer con .win-item me permite cambiar el tamaño pero me hace en todos los template, como puedo habilitar para cada tipo de template el uso de:

    .win-item {
    height:auto; 
    }

    Graciassobra la parte negra y roja.

    {


    height

    :200px;

    }


    Elbrinner

    lunes, 29 de julio de 2013 16:48

Respuestas

Todas las respuestas