Principales respuestas
.win-item listview group HTML5

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; }
Gracias{
height
:200px;
}
Elbrinner
Respuestas
-
Hola,
Mira en este artículo, tienes más ejemplos de lo que quieres hacer: http://www.desarrolloweb.com/articulos/diseno-listas-win8.html
Saludos,
- Marcado como respuesta ElbrinnerMVP miércoles, 31 de julio de 2013 7:33
-
Tenia mal está línea;
function groupInfo() { return { cellHeight: 110, cellWidth: 310, enableCellSpanning: true }; }
Elbrinner
- Marcado como respuesta ElbrinnerMVP martes, 30 de julio de 2013 18:50
Todas las respuestas
-
Tenia mal está línea;
function groupInfo() { return { cellHeight: 110, cellWidth: 310, enableCellSpanning: true }; }
Elbrinner
- Marcado como respuesta ElbrinnerMVP martes, 30 de julio de 2013 18:50
-
Hola,
Mira en este artículo, tienes más ejemplos de lo que quieres hacer: http://www.desarrolloweb.com/articulos/diseno-listas-win8.html
Saludos,
- Marcado como respuesta ElbrinnerMVP miércoles, 31 de julio de 2013 7:33
-
Gracias,
Ya tengo está parte funcionando. El problema estaba relacionado que el nombre de la función no estaba escrito de la misma forma.
El problema que tengo ahora, está relacionado que al final del listview muestra algunos elementos sin nada y no entiendo porque.
Un saludo
Elbrinner