[pyar] visualización datos en django

Agustin Palau agu.pala en gmail.com
Mie Sep 18 20:03:07 -03 2019


Muchas gracias por sus respuestas! Lo que hice fue sacar el "row" de la
iteracion y salio como ñapi!  Bootstrap luego se encarga de generar las
columnas. Abrazo!

Agus

El mié., 18 sept. 2019 a las 9:33, Augusto (<adtononi en gmail.com>) escribió:

> Y otra cosa, quizás ya lo tenías en cuenta o no. Al hacer grids, o tablas,
> asegúrate que sea responsive. Si no sabes qué es responsive:
>
> https://www.w3schools.com/css/css_rwd_intro.asp
>
>
> El mié., 18 sep. 2019 9:30, Augusto <adtononi en gmail.com> escribió:
>
>> Fijate si algo así te sirve
>>
>> https://www.w3schools.com/howto/howto_css_image_grid_responsive.asp
>>
>> Lo que es html vas a encontrar muchos templates que te ahorran el laburo.
>> Obvio después haces las modificaciones que necesites, pero tenes todo
>> armado.
>> Esa página es muy buena, si no también podes buscar templates de
>> bootstrap.
>>
>> El for debería ir dentro de tu tag padre, es decir después del Row y
>> antes del column.
>>
>> El mié., 18 sep. 2019 9:24, Andrés Ramírez <
>> andres.ramirez.miori en gmail.com> escribió:
>>
>>> supongo que necesitas algo de este tipo
>>>
>>> https://stackoverflow.com/questions/11964972/django-template-for-tag-add-li-every-4th-element
>>>
>>> On Tue, Sep 17, 2019 at 11:30 PM Agustin Palau <agu.pala en gmail.com>
>>> wrote:
>>>
>>>> Quiero hacer una galería de imágenes, exactamente eso!
>>>> Como haría para crear mas de un div por iteracion? Ese es mi problema,
>>>> que por cada interacion genera un "row", y lo que estaría necesitando es
>>>> que por cada "n" interaciones genere una fila.
>>>>
>>>>
>>>> El mar., 17 sept. 2019 a las 22:40, Augusto (<adtononi en gmail.com>)
>>>> escribió:
>>>>
>>>>> Supongo que querés hacer algo tipo galería, no?
>>>>>
>>>>> Eso ya es más por el lado de manejo de html. Fijate en w3school.com
>>>>> hay varias guías de como hacer varias cosas. Está lo de la galería, o si
>>>>> no, también tablas.
>>>>> Con tu código estás creando un div en cada iteración, por eso también
>>>>> te lo pone por separado.
>>>>>
>>>>>
>>>>> El mar., 17 sep. 2019 19:40, Agustin Palau <agu.pala en gmail.com>
>>>>> escribió:
>>>>>
>>>>>> Hola! Paso el código del template en cuestión:
>>>>>>
>>>>>> {% block content %}
>>>>>>    {% for image in images %}
>>>>>>         <!-- Imagenes -->
>>>>>>             <div class="row project">
>>>>>>                 <div class="col-3 col-lg-3 col-md-3 offset-lg-1">
>>>>>>                     <img class="img-fluid" src="{{image.image.url}}"
>>>>>> alt="">
>>>>>>                 </div>
>>>>>>                 <div class="col-lg-7 col-md-8">
>>>>>>                     <h2 class="section-heading
>>>>>> title">{{image.title}}</h2>
>>>>>>                     <p>{{image.description}}</p>
>>>>>>                 </div>
>>>>>>             </div>
>>>>>>         <!--Fin Imagenes-->
>>>>>>     {% endfor %}
>>>>>> {% endblock %}
>>>>>>
>>>>>> De la forma en que lo estoy armando, me quedan todos los datos en una
>>>>>> fila sola; quisiera ver si puedo agregar mas datos por fila.
>>>>>>
>>>>>> El mar., 17 sept. 2019 a las 19:31, Augusto (<adtononi en gmail.com>)
>>>>>> escribió:
>>>>>>
>>>>>>> Buenass
>>>>>>>
>>>>>>> Sin ver tu código diría que estás poniendo cada cosa dentro de un
>>>>>>> td.
>>>>>>> Deberías ver bien como se usan las tablas en html, tenes que agregar
>>>>>>> un tag para cada columna
>>>>>>>
>>>>>>> El mar., 17 sep. 2019 19:03, Agustin Palau <agu.pala en gmail.com>
>>>>>>> escribió:
>>>>>>>
>>>>>>>> Buenas tardes! Actualmente estoy trabajando en una app en Django
>>>>>>>> (usando Bootstrap), que me muestra los datos de la base de datos de a uno
>>>>>>>> por vez; es decir, de a uno por fila en una sola columna. Les quería pedir
>>>>>>>> ayuda en cambiar esta forma de visualizar los datos: como hago para que en
>>>>>>>> vez de mostrarse de a uno por renglón pueda mostrar dos o mas, osea que en
>>>>>>>> una fila muestre mas columnas con datos.
>>>>>>>> Si necesitan paso lo que tengo hecho en código como para que me
>>>>>>>> puedan orientar.
>>>>>>>> Slds!
>>>>>>>>
>>>>>>>> --
>>>>>>>> Agustín
>>>>>>>> _______________________________________________
>>>>>>>> Lista de Correo de PyAr - Python Argentina - pyar en python.org.ar
>>>>>>>> Sitio web: http://www.python.org.ar/
>>>>>>>>
>>>>>>>> Para administrar la lista (o desuscribirse) entrar a
>>>>>>>> http://listas.python.org.ar/listinfo/pyar
>>>>>>>>
>>>>>>>> La lista de PyAr esta Hosteada en USLA - Usuarios de Software Libre
>>>>>>>> de Argentina - http://www.usla.org.ar
>>>>>>>
>>>>>>> _______________________________________________
>>>>>>> Lista de Correo de PyAr - Python Argentina - pyar en python.org.ar
>>>>>>> Sitio web: http://www.python.org.ar/
>>>>>>>
>>>>>>> Para administrar la lista (o desuscribirse) entrar a
>>>>>>> http://listas.python.org.ar/listinfo/pyar
>>>>>>>
>>>>>>> La lista de PyAr esta Hosteada en USLA - Usuarios de Software Libre
>>>>>>> de Argentina - http://www.usla.org.ar
>>>>>>
>>>>>>
>>>>>>
>>>>>> --
>>>>>> Agustín
>>>>>> _______________________________________________
>>>>>> Lista de Correo de PyAr - Python Argentina - pyar en python.org.ar
>>>>>> Sitio web: http://www.python.org.ar/
>>>>>>
>>>>>> Para administrar la lista (o desuscribirse) entrar a
>>>>>> http://listas.python.org.ar/listinfo/pyar
>>>>>>
>>>>>> La lista de PyAr esta Hosteada en USLA - Usuarios de Software Libre
>>>>>> de Argentina - http://www.usla.org.ar
>>>>>
>>>>> _______________________________________________
>>>>> Lista de Correo de PyAr - Python Argentina - pyar en python.org.ar
>>>>> Sitio web: http://www.python.org.ar/
>>>>>
>>>>> Para administrar la lista (o desuscribirse) entrar a
>>>>> http://listas.python.org.ar/listinfo/pyar
>>>>>
>>>>> La lista de PyAr esta Hosteada en USLA - Usuarios de Software Libre de
>>>>> Argentina - http://www.usla.org.ar
>>>>
>>>>
>>>>
>>>> --
>>>> Agustín
>>>> _______________________________________________
>>>> Lista de Correo de PyAr - Python Argentina - pyar en python.org.ar
>>>> Sitio web: http://www.python.org.ar/
>>>>
>>>> Para administrar la lista (o desuscribirse) entrar a
>>>> http://listas.python.org.ar/listinfo/pyar
>>>>
>>>> La lista de PyAr esta Hosteada en USLA - Usuarios de Software Libre de
>>>> Argentina - http://www.usla.org.ar
>>>
>>> _______________________________________________
>>> Lista de Correo de PyAr - Python Argentina - pyar en python.org.ar
>>> Sitio web: http://www.python.org.ar/
>>>
>>> Para administrar la lista (o desuscribirse) entrar a
>>> http://listas.python.org.ar/listinfo/pyar
>>>
>>> La lista de PyAr esta Hosteada en USLA - Usuarios de Software Libre de
>>> Argentina - http://www.usla.org.ar
>>
>> _______________________________________________
> Lista de Correo de PyAr - Python Argentina - pyar en python.org.ar
> Sitio web: http://www.python.org.ar/
>
> Para administrar la lista (o desuscribirse) entrar a
> http://listas.python.org.ar/listinfo/pyar
>
> La lista de PyAr esta Hosteada en USLA - Usuarios de Software Libre de
> Argentina - http://www.usla.org.ar



-- 
Agustín
------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: <http://listas.python.org.ar/pipermail/pyar/attachments/20190918/931b4e9e/attachment-0001.html>


Más información sobre la lista de distribución pyar