finestra modal bootstrap
Buongiorno,
su un progetto drupal ho la necessità di modificare la grafica, quello che devo fare è la seguente cosa. Ho un blocco personalizzato all'interno della regione, nel quale è stato inserito del codice php per creare il box di ricerca, il codice è il seguente:
<div class="search-block-form block block-search block-search-form-block" data-drupal-selector="search-block-form-home" id="block-formdiricerca-home" role="search">
<div class="content container-inline container-search-home">
<form action="/view-dataset" method="get" id="search-block-form-home" accept-charset="UTF-8" class="search-form search-block-form form-row" data-drupal-form-fields="edit-keys">
<fieldset class="js-form-item js-form-type-search form-type-search js-form-item-keys form-item-keys form-no-label form-group col-auto">
<label for="edit-keys-home" class="sr-only active" style="transition: none 0s ease 0s;">Search</label>
<input title="Inserisci i termini da cercare tra i dati della pubblica ammiinistrazione." placeholder="Cerca parole chiavi all'interno dei dati" data-drupal-selector="edit-keys-home" type="search" id="edit-keys-home" name="Cerca" value="" size="15" maxlength="128" class="form-search form-control" style="font-family:'Titillium Web;font-size:25px'">
</fieldset>
<div data-drupal-selector="edit-actions-home" class="form-actions js-form-wrapper form-group col-auto" id="edit-actions-home"><button class="search-button btn" data-drupal-selector="edit-submit-home" type="submit" id="edit-submit-home" value="?">?</button>
</div>
</form>
</div>
<a href="" style="float:right;margin-right:17%;font-family:'Titillium Web';font-size:16px">Ricerca avanzata</a>
</div>
Io ho aggiunto il tag a con la ricerca avanzata, in quanto devo fare che cliccando sulla scritta di ricerca avanzata, mi compare una modal bootstrap per eseguire la ricerca su ulteriori 3 campi aggiuntivi... ora con una pagina php semplice subito farei, ma qua sotto il blocco personalizzato di drupal non so proprio come fare..... mi potete aiutare?
Grazie mille
Risposte
Non ho capito bene se nella
Non ho capito bene se nella finestra di dialogo vuoi che compaiano solo i filtri oppure vuoi che compaia l'intera vista con più filtri.
Comunque puoi arrivare allo scopo in vari modi.
Ti suggerisco di usare due moduli.
ng-lightbox crea finestre di dialogo di qualsiasi cosa: nodi viste , basta dichiararlo nella pagina di setting oppure usare la classe nglightbox nel link
Collapsiblock invece crea blocchi "collassabili cioè apribili" con varie impostazioni.
Credo che esponendo i filtri della vista in blocchi, o facendo una nuova vista in una finestra di dialogo arriverari ad una soluzione.
Ciao grazie per la
Ciao grazie per la risposta,
il codice si trova all'interno del blocco personalizzato.. come mio codice nuovo ho aggiunto questo
<a href="" style="float:right;margin-right:17%;font-family:'Titillium Web';font-size:16px">Ricerca avanzata</a>
Quindi devo aggiungere la classe nglightbox nel tag a ? e per scrivere il codice del modal ?
questo non mi è chiaro..
Facendo altre ricerche in
Facendo altre ricerche in rete ho trovato pure questa guida...
secondo te può andare per quello che devo fare io?
https://internetdevels.com/blog/creating-popups-in-Drupal-8
Se ho capito bene per quanto riguarda modal con form mi devo fare una classe che estende la FormBase e poi richiamrla nel modal giusto ?
Nella versione Drupal 7 e
Nella versione Drupal 7 e non ho capito bene se è lo stesso per D 8, quando crei il link per aprire il blocco in modale, aggiungi al link la classe ng-lightbox come faresti per un pulsante o altro.
Fammi sapere se funziona!
Sto usando drupal 8 come
Sto usando drupal 8 come versione... invece la guida che ti ho inviato io usando jquery ui come ti sembra ? dato che dentro poi ci devo agganciare un form
Ho aggiunto questo codice qua
Ho aggiunto questo codice qua nel corpo del blocco personalizzato
<a href="http://www.libero.it" class="use-ajax" data-dialog-type="modal">Create Node</a>
ma nulla mi apre la pagina a schermo intero
Sempre seguendo questa guida
https://internetdevels.com/blog/creating-popups-in-Drupal-8
Non mi piace questo modo,
Non mi piace questo modo, prediligo NG ligthbbox, e non mi hai detto se lo hai installato e testato
E' un modulo semplice e utile e io l'ho provato su form viste blocchi di vario genere.
Faccio un esempio di utilizzo.
Crei un un blocco e sul campo body inseriscci link in html, con codifica full html
e scrivi per esempio: <a class="ng-lightbox button btn btn-success ng-lightbox-processed" href="/node/add/mio-tipo-dicontenuto">Aggiungi Contenuto</a>
Se usi bootstrap, dovrebbe uscirti un bel pulsante verde che fa quel che dici.
Ho inserito la classe btn per dimostrarti che anche usando più classi il modulo funziona bene.
Ciao, il modulo ancora non ho
Ciao, il modulo ancora non ho installato dato che con la guida che sto seguendo pare vada bene,
però sicuramente lo proverò per veder come funziona!