Richiesta Login Form in modal popup e bottoni Login/Logout + Nome utente in Topbar

[danilomariotti]

Il template prevede la possibilità di fare apparire il form di login, magari in una lightbox, cliccando per esempio sul link a destra in top bar oppure automaticamente accedendo ad un contenuto riservato?

[pcrt]

In questa release non è previsto il login all'interno della modale. Puoi però creare una voce di menu di tipo “Login form”, inserendola magari nel menu secondario.

[fabiojust]

Dopo aver creato il modulo di login, questo copre orizzontalmente l'intera estensione dello schermo, come nell'immagine. Come si può aggiustare?

[danilomariotti]

Io ho usato questo link:

e appare così:

[fabiojust]

Niente da fare, il problema rimane

[danilomariotti]

Nel Menu secondario ho creato questa voce nascosta:

[fabiojust]

Ho fatto esattamente come scrivi; credo sia un problema di visualizzazione del modulo.

[Knock-Out]

Ciao @fabiojust, potresti gentilmente indicarmi la posizione del tuo modulo? Ho notato che hai un problema di layout e penso che la posizione del modulo potrebbe essere la causa. A differenza tua, @danilomariotti utilizza una voce di menu, il che spiega perché non ha problemi di layout.

[fabiojust]

La posizione è "below", ma ne ho provato anche altre. Ho anche usato il metodo di @danilomariotti impostando una voce di menu ma il problema si presenta uguale. Ispezionando la pagina ne esce che il modulo non ha nessuno dei div e delle section che precedono gli altri moduli. Inoltre se provo ad applicare delle classi (tramite il campo suffisso classe css) queste non compaiono.

Nb. Avevo avuto un problema analogo creando un modulo con sp page builder, ma la questoone si era risolta da sola una volta aperto l'editor in modalità frontend.

Sospetto di avere un problema nell'html che si applica ai moduli che non hanno un preciso template, ma sto studiando la cosa. Se avete idee migliori o suggerimenti sono tutt'orecchi

[danilomariotti]

La mia posizione è sidebar-right

[Knock-Out]

Nella documentazione non è specificata alcuna istruzione relativa al modulo di login, è probabile che non esista un override per lo stesso modulo. Pertanto, sarebbe opportuno aprire una issue in cui si specifichi che non è stato creato un layout personalizzato per il modulo nativo di login di Joomla.

[Knock-Out]

Personalmente, per gestire l'accesso all'area riservata del sito utilizzo una voce di menu di tipo login collocata nel menu secondario.

[danilomariotti]

In attesa che il template preveda il login con una modal form in stile più adeguato diciamo, ho provveduto a crearmi due moduli che mi permettono, con l'aiuto di una estensione, di eseguire il login/logout con tale modalità. Non è perfetta perché in caso di errore di autenticazione viene riproposto il form di login originario ma ci si protrebbe lavorare un po'. Per chi fosse interessato elenco i passi da seguire, spero di non dimenticare nulla :)

1) Installare e abilitare l'estensione Sourcerer in versione gratuita https://extensions.joomla.org/extension/sourcerer/, tale estensione (plugin) permette di inserire codice PHP, Javascript, HTML, ecc... in qualunque posizione. Io l'ho utilizzata per inserire codice all'interno di moduli HTML personalizzato

2) Configurare il template aggiungendo un bottone in Topbar di nome Accedi (topbar1) come in figura (aggiustare il link):

3) Creare un modulo di tipo "Personalizzato" che conterrà il form di login in versione modal popup (standard bootstrap): per iserire il codice all'interno dell'editor procedere nel modo seguente: a) aprire il menu "Contenuto del CMS" b) scegliere la voce "</> codice" c) scaricare e incollare il seguente codice nell'editor: https://www.tecnicoprofessionalespoleto.edu.it/sitoj4/tmp/Modulo-Login-form-modale.txt d) cliccare il bottone Inserisci e) salvare il modulo Se si voglio apportare successivamente delle modifiche al codice, occorre selezionare tutto il testo (Ctrl+A) prima di scegliere di nuovo la voce "</> codice" dal menu "Contenuto del CMS", così funziona il plugin Sourcerer. Non modificate il codice nell'editor di Joomla! Fate attenzione al fatto che TinyMCE inserisce automaticamente tutto il contenuto all'interno di una paragrafo, se non configurato diversamente. E' consigliabile evitare ciò per non avere qualche spazio di troppo nei moduli, soprattutto per il modulo successivo che andremo a fare. Questo modulo non disegna "da zero" il form di login modale ma inserisce all'interno di una modal popup Bootstrap il modulo originale di Joomla (codice PHP).

4) Creare un modulo di tipo "Personalizzato" che disegnerà, all'occorrenza, il bottone "Esci" nella posizione "Lingua" accanto alla Topbar e nasconderà all'occorrenza il bottone "Accedi". Visualizzerà, inoltre, il nome dell'utente a fianco del bottone "Esci".

Procedere come per i punti a, b, c, d, e del modulo precedente: https://www.tecnicoprofessionalespoleto.edu.it/sitoj4/tmp/Modulo-Esci-Accedi-Nome-utente.txt Questo modulo verifica se l'utente è loggato ed in questo caso disegna il bottone "Esci" con il nome dell'utente e nasconde il bottone "Accedi". In caso contrario aggiunge le classi/attributi Bootstrap necessarie al bottone "Accedi" per far apparire la modal popup.

Una volta creati ed abilitati i due moduli si dovrebbe avere il funzionamento che descrivevo all'inizio. Disabilitando i due moduli il tutto torna a funzionare con il form di login standard, attivato sempre dal bottone "Accedi" in topbar. Spero di non aver sbagliato nulla. Controllate i link e cambiate con l'url del vostro sito. Non sapendo come inserire del codice in un post, ho indicato i link a dei file di testo nel mio sito :) P.S. C'è qualche istruzione commentata qua e la, togliete pure :)

[Knock-Out]

@danilomariotti, potresti modificare il titolo di questa issue in modo da renderlo più adatto alla tua richiesta?

Il template prevede la possibilità di fare apparire il form di login, magari in una lightbox, cliccando per esempio sul link a destra in top bar oppure automaticamente accedendo ad un contenuto riservato?

Esempio modello Wodpress

[danilomariotti]

Il titolo della mia modal popup va cambiato, scusate, va bene un semplice "Accedi". Io uso un'autenticazione basata su LDAP (Dominio Windows server)

[danilomariotti]

In riferimento alla issue #50 ovviamente il banner non funziona neanche con questo mio "sistema" in quanto viene effettuato il render del form di login originale all'interno della modal popup. Se il banner ha una sola slide allora non si nota.