Impostazione sito per nascondere i campi utente personalizzati dalla pagina di registrazione

[pfaffman (Jay Pfaffman)]

Pensavo di aver visto una richiesta di funzionalità simile di recente, ma non riesco a trovarla.

Se hai molti campi personalizzati per gli utenti, la finestra di accesso diventa poco elegante. Se ci sono 10 campi opzionali e 2 obbligatori, bisogna scorrere molto per trovare quello/i obbligatorio/i. È una seccatura.

È possibile nascondere quei campi con il CSS come segue:

.create-account .user-fields .user-field {
    display: none;

    &:nth-of-type(4){
        display: block;
    }

}

È un po’ fastidioso, poiché devi indovinare quale nth-of-type usare per tentativi ed errori, ma ciò che potrei suggerire come è che il CSS che funzionava per far apparire correttamente quella finestra di accesso cambia di tanto in tanto. Sembra che sia stato modificato nella recente beta6. Questo rende il mio cliente triste, poiché i campi obbligatori non sono visibili, quindi le persone non potevano registrarsi. Lo ha scoperto solo perché qualcuno ha inviato una email per lamentarsi.

Problema risolto!

È stato aggiunto del CSS a quei campi, quindi questo non è più un problema!

[awesomerobot (Kris)]

Non credo sarebbe difficile aggiungere una classe o un attributo dati che includa il nome del campo personalizzato, il che renderebbe molto meno fragile il targeting con CSS. Potrei riuscire a farlo entro i prossimi due giorni.

[awesomerobot (Kris)]

Ho dato un’occhiata veloce ed è quasi identico a un’altra PR che ho aperto recentemente per aggiungere una classe ai gruppi di tag. Quindi ecco una PR per questo… forse dovremmo aggiungere un helper per sanificare i nomi delle classi prima di unire queste modifiche?

Add unique class to custom field wrappers (#8193)

[awesomerobot (Kris)]

Ho appena realizzato che non ho mai fatto seguito dopo che questa modifica è stata unita. Ora, nella pagina di registrazione, tutti i campi utente hanno una classe sotto forma di user-field-nome. Quindi, se avessi un campo con il nome “termini e condizioni”, avrebbe la classe user-field-termini-e-condizioni.

Puoi anche prendere una scorciatoia e nascondere tutti i campi utente personalizzati durante la registrazione con:

.d-modal.create-account div[class*="user-field-"] {
    display: none;
}

[pfaffman (Jay Pfaffman)]

Grazie! Sono riuscito a farlo una settimana o due fa. Potresti modificare quell’elenco per includere anche il CSS per riattivare uno o due campi dopo averli nascosti.

[markersocial]

Ecco un thread chiuso relativo alla risoluzione di questo problema, che include una soluzione CSS:

Site setting to hide custom user fields from signup page

I thought that I had seen such a feature request recently, but I can’t find it. If you have a bunch of user custom fields, the login modal gets ugly. If there are 10 optional fields and 2 required fields, one has to scroll a bunch to find the one(s) that are required. This is a drag. It’s possible to hide those fields with CSS like: .create-account .user-fields .user-field { display: none; &:nth-of-type(4){ display: block; } } It’s something of a bother, as you have to…

Attualmente, per i campi utente personalizzati, le opzioni sono:

Modificabili dopo la registrazione?
Obbligatori durante la registrazione?
Mostrati nel profilo pubblico?
Mostrati nella scheda utente?

Penso che un’altra opzione sarebbe molto utile:

Mostrati nel modulo di registrazione?
oppure
Nascosti nel modulo di registrazione?

Per impostazione predefinita, senza modifiche CSS personalizzate, tutti i campi personalizzati (obbligatori o meno) vengono visualizzati nel modulo di registrazione. Questo limita in una certa misura il numero di campi personalizzati che possono essere implementati, poiché un eccesso di campi può rendere il modulo di registrazione sovraccarico e potenzialmente intimidatorio per i nuovi utenti.

[pfaffman (Jay Pfaffman)]

A volte è utile avere una serie di campi utente personalizzati per raccogliere informazioni che non si desidera chiedere agli utenti durante la registrazione. Ad esempio, potresti voler permettere di fornire indirizzo, codice postale o colore dei capelli, ma durante la registrazione chiedere solo nome e indirizzo email.

Questo è ora possibile utilizzando un componente del tema per nascondere tutti i campi personalizzati e poi mostrare solo quelli desiderati. Sarebbe utile avere una casella di controllo nelle impostazioni dei campi utente personalizzati.

[nathank (Nathan Kershaw)]

Sarebbe ottimo.

Sarebbe anche utile poter distinguere tra le iscrizioni e gli invitati, soprattutto se un campo è obbligatorio per entrambi o solo per le iscrizioni.

Ad esempio, chiediamo alle persone di fornire il “Motivo dell’iscrizione” per aiutarci a valutare la loro idoneità e il gruppo di appartenenza. Questo risulta ridondante quando le persone arrivano tramite un link di invito, ma non può essere nascosto se è obbligatorio, altrimenti si blocca il processo di iscrizione per loro.

[darkpixlz (Pyx)]

Ciao,

Ci sono alcuni campi utente sul mio sito che non sono davvero necessari al momento dell’iscrizione, come i social.

Penso che potremmo beneficiare di un’opzione “Non visualizzare all’iscrizione”, che li nasconda durante l’iscrizione e li renda visibili solo durante la modifica del profilo utente.

[nathank (Nathan Kershaw)]

Puoi già ottenerlo tramite CSS:

@awesomerobot

Ora nella pagina di registrazione tutti i campi utente hanno una classe nella forma user-field-name

Ma sì, sarebbe molto bello averlo come opzione esplicita! È stato richiesto alcune volte.

Ho combinato tutti gli argomenti Feature in questo argomento.

[JammyDodger]

Ha anche ottenuto un po’ di trazione anche in questo argomento:

@codinghorror

Questo è emerso alcune volte su meta, forse dovremmo aggiungere un

[ ] mostra alla registrazione

campo qui @sam?

[Richie (Richie Rich)]

È cambiato qualcosa nella modale di iscrizione che potrebbe causare il mancato funzionamento di questo CSS?

Non riesco a nascondere alcun campo personalizzato nella pagina di iscrizione utilizzando il codice nel primo post di @pfaffman né riesco a nascondere tutti i campi personalizzati utilizzando il codice di @awesomerobot:

@awesomerobot

.create-account div[class*="user-field-"] {
    display: none;
}

Ho applicato il CSS a Temi > Comune > CSS.

[awesomerobot (Kris)]

Sembra che sia stato aggiunto del CSS più specifico altrove in Discourse, e questo sta sovrascrivendo display:none…

.d-modal.create-account .user-field {
  display: flex;
}

Darò una rapida occhiata a per vedere se dobbiamo essere così specifici, ma nel frattempo questo aggiornamento dovrebbe funzionare:

.d-modal.create-account div[class*="user-field-"] {
  display: none;
}

[Richie (Richie Rich)]

@awesomerobot

Darò una rapida occhiata a e vedrò se dobbiamo essere così specifici, ma nel frattempo questo aggiornamento dovrebbe funzionare:

.d-modal.create-account div[class*=\"user-field-\"] {
  display: none;
}

Confermato, ha funzionato perfettamente per nasconderli tutti!

Grazie mille Kris @awesomerobot

[Moin]

È stata aggiunta un’opzione per nascondere i campi utente dal modulo di registrazione:

@hugh

Opzione per nascondere i campi personalizzati nel modulo di registrazione