Botons amb la caixa d'eines que tinguin la mateixa mida

Botons amb la caixa d'eines que tinguin la mateixa mida

per ENRIC ALVAREZ NEBOT -
Nombre de respostes: 3

Bon dia,

Estem trastejant de cara a valorar fer el canvi de la nostra web a Àgora.

https://agora.xtec.cat/escagustibartra/

La meva consulta és la mateixa que apareix en aquest fil.

https://educaciodigital.cat/moodle/moodle/mod/forum/discuss.php?d=151516

Voldriem que els botons creats amb la caixa d'eines tinguessin la mateixa mida, que ocupessin tota l'amplada de la barra i que fossin responsius i per tant visibles igualment en qualsevol dispositiu.

Entenc que cal fer alguna modificació al codi que genera la caixa d'eines.

Gràcies



En resposta a ENRIC ALVAREZ NEBOT

Re: Botons amb la caixa d'eines que tinguin la mateixa mida

per MONICA GRAU PRIETO -
Hola, Enric,
hem afegit una amplada al codi HTML dels botons perquè ocupi el 100% de la barra lateral. Mira a veure què us sembla.

Fins ara,
Mònica
En resposta a MONICA GRAU PRIETO

Re: Botons amb la caixa d'eines que tinguin la mateixa mida

per ENRIC ALVAREZ NEBOT -
Hola Mònica,

Gràcies per contestar tan ràpid. És exactament això.

Per poder-ho entendre i aplicar-ho en la resta de botons que creem.
Al codi html generat per la caixa d'eines cal afegir-hi el valor
width: 100%;
entre el color del botó i l'enllaç on apunta el botó.
Entenc que els botons són responsius i s'adapten als diferents dispositius.

En resposta a ENRIC ALVAREZ NEBOT

Re: Botons amb la caixa d'eines que tinguin la mateixa mida

per MONICA GRAU PRIETO -
Hola, Enric,
correcte, cal afegir aquest estil. Jo l'he posat al final, però pot anar a qualsevol lloc després del style=", si et fixes, tot són estils separats per un ;

<a class="button normal" style="padding: 1em; font-weight: 400; margin: 0.1em; color: white !important; background-color: #767676; width: 100%;" href="https://agora.xtec.cat/escagustibartra/categoria/educacio-fisica" rel="noopener noreferrer">Educació física</a>

Per les proves que he fet canviant la mida de la finestra del navegador, els botons es feien més petits sense problemes.

Fins ara,
Mònica