Lunghezza del campo numerico
Ho un campo numerico intero in cui è possibile inserire un valore di massimo 2 numeri. A video il campo di input è lungo ed ho provato a regolarne l'ampiezza con la proprietà ...['#size'] ma mentre per gli altri campi funziona, per quello numerico no.
Per i campi numerici c'è qualche altra proprietà da utilizzare?
Gaetano
Risposte
Lo stile applicato dal tema
Lo stile applicato dal tema ad un elemento input può sovrascrivere la dimensione specificata in size. Prova a regolare la width di questo elemento tramite il foglio di stile.
Provato e in form_alter ho
Provato e in form_alter ho inserito questo codice
$form['#attached']['library'][] = 'udf/udf';
Nel #prefix del campo
$form['field_prova']['widget'][0]['value']['#prefix'] = '<div class="LarghezzaNumInt">';
nel CSS
.LarghezzaNumInt { color: red; background-color: yellow; width: 2; }
Per vedere meglio l'eventuale cambiamento.
Ho notato che la classe funziona per il div (sfondo giallo e colore label rosso) ma non per la lunghezza dell'elemento.
Forse pe l'elemento devo specificare altro?
Prova a mettere l'unità di
Prova a mettere l'unità di misura della larghezza (em, px, re, pt o % / vw) rif.: https://developer.mozilla.org/en-US/docs/Web/CSS/width
Si con l adefinizione del
Si con l adefinizione del tipo di larghezza ha funzionato. Ho visto che è prioritaria la classe
class="container-inline" (la uso per la visualizzazionesullo stesso rigo della label, dell'input e della descrizione.
Nel CSS ho provato ad aggiungere display : inline ma senza successo.
Che tu sappia, c'è qualche altro metodo per poter agire direttamente sull'elemento come fa la proprietà #size?
Prova a trovare un selettore
Prova a trovare un selettore specifico per il campo (id o classe) e agire sempre sul css.
Oppure puoi dare priorità alla tua regola con !important (vedi una guida sui css).
Nel caso apri un altro post, questo relativo alla lunghezza di un campo è risolto.