Listado: Limpiar Filtro del listado en la app de Store en Django - 19

Video thumbnail

El siguiente paso sería, finalmente, crear un botón para limpiar el filtro. Así de simple: es decir, reiniciarlo, resetearlo, o como lo quieras llamar.

Para eso, vamos a requerir un botón. Yo voy a emplear el de btn-secondary, pero me gustaría colocarlo sin borde, es decir, sin el estilo por defecto de Bootstrap.

En pocas palabras, quiero un diseño más discreto, algo así. La idea del diseño es que este botón se vea más de segundo plano, y ya se entiende visualmente que el que está más pintado (más destacado) es el de primer plano.

Entonces, quedaría algo como:

<div class="col-auto">
    <button type="submit" class="btn btn-primary">Search</button>
</div>
<div class="col-auto">
    <a href="{% url 'elements:index' %}" class="btn btn-outline-secondary">Clean</a>
</div>

Recuerda que esta es la continuación:

Listado: Establecer los valores para el filtro servidor en el Formulario en Django - 18

Acepto recibir anuncios de interes sobre este Blog.

Vamos a implementar un botón de limpiar filtro.

- Andrés Cruz

In english

Este material forma parte de mi curso y libro completo; puedes adquirirlos desde el apartado de libros y/o cursos Curso y Libro desarrollo web con Django 5 y Python 3 + integración con Vue 3, Bootstrap y Alpine.js.