Problema Webform, caselle di spunta non visualizzate su browser desktop
Buongiorno a tutti!
ho un problema di visualizzazione relativo alle caselle di spunta (quella da selezione per rispondere ad una domanda di un sondagio, per fare un esempio).
Nello specifico queste caselle vengono visualizzate correttamente nei browser mobili (come safari ios) ma non vengono visualizzate sulla versione desktop con tutti i browser.
Qualche consiglio su come fixare il problema?
Paolo
| Allegato | Dimensione |
|---|---|
| Schermata 2017-09-22 alle 20.37.14.png | 48.53 KB |

Risposte
Ciao, ti ho eliminato il
Ciao, ti ho eliminato il doppione e ti ho sistemato il titolo (così non è "urlato").
Per quanto riguarda il tuo problema, prova a verificare che non ci siano delle regole CSS che agiscano solo sulle versioni desktop (dovrebbe esserci un blocco @media all'interno del css del tema che stai utilizzando).
Grazie niubbo75 per la
Grazie niubbo75 per la cortesia, non mi ero accorto del doppio post! :)
E' quello che ho pensato anch'io, qualcosa inerente alle regole css, ma pare tutto ok! Altre strade per un fix?
Ciao, difficile ipotizzare
Ciao, difficile ipotizzare qualcosa senza un riferimento, hai un url da postare? Potrebbe essere o una regola css o un js ...
Ciao Maurizio, no, sto
Ciao Maurizio, no, sto lavorando in locale. Altrimenti avrei posto un link (:
Prova a selezionare
Prova a selezionare l'elemento con gli strumenti di sviluppo di Chrome o Firefox e vedi quali regole css vengono applicate in cascata. Con Firefox dovresti attivare la console sulla pagina premendo F12 e ottenere qualcosa del genere:
https://imgur.com/LTxHDxZ
https://imgur.com/LTxHDxZ
Espandi il div e cerca il
Espandi il div e cerca il primo input con attributo "type" impostato a "radio". Riposta un immagine con le classi di quell'elemento.
https://imgur.com/a/VS3fC
https://imgur.com/a/VS3fC
Dalla traccia delle classi
Dalla traccia delle classi sembrerebbe ci sia un errore nel file main.css riga 1980
...position: absolute, !important;
...
dovrebbe essere
...position: absolute !important;
...
senza la virgola .. prova a correggere e vedi che effetto fa.
ciao, sì quello era un errore
ciao, sì quello era un errore di sintassi. Ho corretto, ma non ha risolto il problema.
Per ora sto ricostruendo via css i riquadri di spunta passando i parametri in input[type="radio"], input[type="checkbox"].
Diciamo che ora (almeno) visualizza i riquadri di spunta, ma non evidenza ancora la relativa selazione con il mouse! (almeno su desktop).
Ci sono molte librerie js che
Ci sono molte librerie js che sostituiscono i radio / checkbox nascondendo l'elemento e sostituendolo con immagini e/o altro codice. E' possibile che qualcosa interagisca in modo non corretto con il tema o che più semplicemente siano saltate alcune immagini.
Che tema utilizzi? Hai aggiunto librerie / codici custom? Hai per caso errori nel tab "Console" e "Rete" degli strumenti di debug?
No, errori su console no, ne
No, errori su console no, ne su debug o rete. Drupal girà su tema base bootstrap. Ovviamente ci sono altre librerie, tra qui jQuery.
Il tema che usi è disponibile
Il tema che usi è disponibile su drupal.org? O è stato sviluppato da te (partendo ad esempio dagli starterkit di Drupal Bootstrap)?
sviluppato da starterkit
sviluppato da starterkit Bootstrap
Diciamo che ora (almeno)
l'unica cosa che mi viene in mente è dare un occhio nei file css customizzati nel tuo sottotema alla ricerca di qualche classe che fa uso della pseudo classe ":checked", che dovrebbe controllare la visualizzazione dell'elemento nello stato selezionato ...
su firefox riesce a funzione.
su firefox riesce a funzione. il problema persiste su safari e chrome
https://imgur.com/SPw9W13
Ho fixato il problema, per
Ho fixato il problema, per chi si trovasse nello stesso problema allego nota:
passare background url e background-size dentro una nuova classe.form-item input[type="radio"]:checked {} e ricostruire il selettore a bottone passando il codice css nella classe .form-item input[type="radio"]