Queste sono le differenze tra la revisione selezionata e la versione attuale della pagina.
Entrambe le parti precedenti la revisione Revisione precedente Prossima revisione | Revisione precedente | ||
liquens:widgets [2013/05/23 18:07] gbonanome |
liquens:widgets [2021/06/29 15:20] (versione attuale) etiengo [Slider per Eventi con Banner] |
||
---|---|---|---|
Linea 11: | Linea 11: | ||
- | ===== Inserimento e disposizione di un widget ===== | + | ===== Aggiungere un widget ===== |
{{:liquens:widgets:inserimento_widget.png?500}} | {{:liquens:widgets:inserimento_widget.png?500}} | ||
Linea 29: | Linea 29: | ||
Esattamente come il resto delle informazioni della pagina, per vedere i widgets aggiunti è necessario cliccare il pulsante //Salva e pubblica//. | Esattamente come il resto delle informazioni della pagina, per vedere i widgets aggiunti è necessario cliccare il pulsante //Salva e pubblica//. | ||
- | ==== Disposizione di un widget ==== | + | ===== Posizionare un widget ===== |
Alcune aree widget permettono di utilizzare il layout a griglia del tema predefinito per affiancare tra loro i widget e creare pagine complesse. | Alcune aree widget permettono di utilizzare il layout a griglia del tema predefinito per affiancare tra loro i widget e creare pagine complesse. | ||
Linea 43: | Linea 43: | ||
* **Accanto al precedente** permette di posizionare il nuovo widget sulla stessa riga del precedente, ma affiancandolo ad esso | * **Accanto al precedente** permette di posizionare il nuovo widget sulla stessa riga del precedente, ma affiancandolo ad esso | ||
* **Sotto al precedente** permette di posizionare il nuovo widget all'interno della stessa colonna del precedente ma sotto di esso. Per questo motivo l'opzione che permette di determinare la larghezza, in questo caso viene disattivata. | * **Sotto al precedente** permette di posizionare il nuovo widget all'interno della stessa colonna del precedente ma sotto di esso. Per questo motivo l'opzione che permette di determinare la larghezza, in questo caso viene disattivata. | ||
+ | |||
+ | |{{:liquens:widgets:gridwidgetexamplecms.png?500|}}\\ Esempio della configurazione a griglia nel CMS| | ||
+ | |{{:liquens:widgets:gridwidgetexample.png?500|}}\\ Risultato della configurazione| | ||
Linea 59: | Linea 62: | ||
* **Titolo da visualizzare**, viene mostrato sopra all'elenco degli eventi | * **Titolo da visualizzare**, viene mostrato sopra all'elenco degli eventi | ||
* **Mostra solo gli eventi di**, permette di scegliere se mostrare solo gli eventi di una biblioteca oppure tutti gli eventi del sistema | * **Mostra solo gli eventi di**, permette di scegliere se mostrare solo gli eventi di una biblioteca oppure tutti gli eventi del sistema | ||
+ | * **Filtra eventi per categoria**, permette di scegliere di mostrare solo gli eventi di una certa categoria | ||
* **Numero massimo di eventi da mostrare**, permette di indicare quanti eventi mostrare nel widget | * **Numero massimo di eventi da mostrare**, permette di indicare quanti eventi mostrare nel widget | ||
* **Ordina gli eventi casualmente**, se selezionato ordinerà i prossimi eventi in maniera casuale, altrimenti sono mostrati sempre in ordine cronologico | * **Ordina gli eventi casualmente**, se selezionato ordinerà i prossimi eventi in maniera casuale, altrimenti sono mostrati sempre in ordine cronologico | ||
Linea 111: | Linea 115: | ||
==== MediaLibrary ==== | ==== MediaLibrary ==== | ||
- | Utilizzabile **solo** all'interno di una [[liquens:ricerche|pagina di Ricerca]]. Permette, a fronte di una ricerca, di mostrare in un pannello i risultati ottenuti dalla stessa sulla piattaforma [[http://www.medialibrary.it/|MediaLibraryOnline]]. | + | Il widget MediaLibrary è stato sostituito dall'integrazione in DNG della [[:medialibrary_online|MediaLibrary OnLine]]. |
- | + | ||
- | __Requisiti__: è necessario che la biblioteca o il sistema disponga di un account valido sulla piattaforma MediaLibraryOnline | + | |
- | + | ||
- | __Opzioni__: | + | |
- | * **Titolo**, viene mostrato in testa al widget | + | |
- | * **UserId dell'account** | + | |
- | * **Password dell'account** | + | |
- | * **PortalId dell'account** | + | |
==== Lista di pagine ==== | ==== Lista di pagine ==== | ||
Linea 156: | Linea 152: | ||
__Opzioni__: | __Opzioni__: | ||
+ | * **Titolo** del widget da mostrare | ||
* **Messaggio da visualizzare quando non ci sono messaggi disponibili**, permette di specificare un messaggio da mostrare nel caso non ci siano ultimi post nel forum | * **Messaggio da visualizzare quando non ci sono messaggi disponibili**, permette di specificare un messaggio da mostrare nel caso non ci siano ultimi post nel forum | ||
* **Numero di messaggi da visualizzare**, permette di indicare quanti post mostrare | * **Numero di messaggi da visualizzare**, permette di indicare quanti post mostrare | ||
* **ID del topic**, permette di specificare l'ID di un topic del forum e mostrare solo i messaggi che compaiono in quel topic (l'ID è solitamente visibile nell'URL della pagina) | * **ID del topic**, permette di specificare l'ID di un topic del forum e mostrare solo i messaggi che compaiono in quel topic (l'ID è solitamente visibile nell'URL della pagina) | ||
* **ID dell'autore**, permette di specificare l'ID di un autore della community e mostrare solo i suoi post | * **ID dell'autore**, permette di specificare l'ID di un autore della community e mostrare solo i suoi post | ||
+ | * **ID della manifestation**, permette di mostrare solo le recensioni di uno specifico titolo del catalogo. L'ID del titolo del catalogo è l'ultima parte dell'URL della pagina del titolo, composta solitamente di 3 parti separate da : ad esempio //test:catalog:123456//. | ||
* **Mostrare il titolo dei post?**, se selezionato mostra anche il titolo del post, altrimenti viene mostrato solo il contenuto | * **Mostrare il titolo dei post?**, se selezionato mostra anche il titolo del post, altrimenti viene mostrato solo il contenuto | ||
- | * **ID della manifestation**, permette di mostrare solo le recensioni di uno specifico titolo del catalogo | ||
* **Dimensioni dell'avatar**, permette di variare le dimensioni dell'avatar dell'autore del post: piccolo, medio, largo | * **Dimensioni dell'avatar**, permette di variare le dimensioni dell'avatar dell'autore del post: piccolo, medio, largo | ||
* **Tipo del post**, permette di filtrare i post mostrati distinguendo tra //recensioni// dei titolo e //post// normali del forum. | * **Tipo del post**, permette di filtrare i post mostrati distinguendo tra //recensioni// dei titolo e //post// normali del forum. | ||
- | |||
==== Box di ricerca ==== | ==== Box di ricerca ==== | ||
Linea 219: | Linea 215: | ||
+ | ==== Contenuto della pagina ==== | ||
+ | Permette di mostrare il Testo della pagina in cui si trova o di una qualsiasi pagina pubblicata. | ||
+ | __Opzioni__: | ||
+ | * **Contenuto di questa pagina**, mostra il contenuto del Testo della pagina | ||
+ | * **Contenuto di un'altra pagina**, mostra il Testo di una qualsiasi altra pagina pubblicata. Iniziando a scrivere nel box verrà proposta la pagina tramite autocompletamento. | ||
+ | |||
+ | ==== Slider per Eventi con Banner ==== | ||
+ | |||
+ | Permette di mostrare gli eventi in cui è stato impostato qualsiasi tipo di [[liquens:eventi#banner|banner]].\\ In altri termini, questo widget non mostra gli eventi nei quali nel pannello "Banner" è impostato "nessun banner". | ||
+ | |||
+ | {{:liquens:widget_eventi_banner_configurazione.png |}} | ||
+ | |||
+ | Le sezioni del widget con cui scegliere le sue opzioni sono: | ||
+ | * **Filtra gli eventi per appartenenza**, con cui specificare se mostrare o gli eventi di Sistema, o gli eventi di tutte le biblioteche, o gli eventi di una o più biblioteche specifiche.\\ Per selezionare di quali biblioteche mostrare gli eventi, fare clic su "Scelta multiple delle biblioteche" e tenendo premuto il tasto ''CTRL'' sulla tastiera, fare clic sui nomi delle biblioteche visualizzate; | ||
+ | * **Filtra gli eventi per categoria**, con cui scegliere fino a tre categorie di eventi; | ||
+ | * **Filtra gli eventi futuri**, con cui specificare un filtro temporale - per giornata, per un periodo di 30 giorni o per singolo mese -; | ||
+ | * **Intervallo di scorrimento dello slider**, con cui impostare per quanti secondi sarà visualizzato ciascun banner; | ||
+ | * **Limite di eventi da mostrare nello slider**, con cui imporre il numero massimo di eventi visualizzati.\\ Per visualizzare tutti gli eventi attuali con banner, impostare un valore alto - per esempio, ''999'' -; | ||
+ | * **Utilizza cache per migliorare le prestazioni**, con cui impostare il numero di minuti per i quali non verrà ricalcolato l'elenco dei banner da mostrare.\\ La funzione è utile nel caso in cui il widget venga inserito in una pagina complessa, che altrimenti potrebbe impiegare diversi secondi a essere visualizzate nel browser; | ||
+ | * **Testo da mostrare nel caso non si ci siano risultati**, in cui scrivere il messaggio che verrà visualizzato al posto dello slider nel caso in cui nessun evento con banner soddisfi i filtri impostati nel widget, oppure quando non siano registrati eventi con banner. | ||
+ | |||
+ | Una volta impostato il widget "Slider per Eventi con Banner", il risultato è la pubblicazione di uno spazio in cui i banner degli eventi vengono visualizzati in sequenza: | ||
+ | |||
+ | {{:liquens:widget_eventi_banner_risultato.png?400|}} | ||
+ | Facendo clic su un banner, verrà aperta la pagina dell'evento corrispondente. | ||
===== Esportare un widget ===== | ===== Esportare un widget ===== | ||
Linea 237: | Linea 258: | ||
Dove //url-di-base// corrisponde all'indirizzo dell'installazione di DiscoveryNG, mentre //id-del-widget// è il numero identificativo del widget pubblicato. | Dove //url-di-base// corrisponde all'indirizzo dell'installazione di DiscoveryNG, mentre //id-del-widget// è il numero identificativo del widget pubblicato. | ||
- | Ad esempio all'indirizzo http://dngdemo.comperio.it/data/html/widget/85 potete vedere un esempio del codice generato dall'esportazione del carosello di copertine pubblicato alla pagina http://dngdemo.comperio.it/widget | ||
==== Come incorporare il codice ==== | ==== Come incorporare il codice ==== | ||
Linea 250: | Linea 270: | ||
dove //frameborder=0// rimuove i bordi dall'iframe, mentre //width=500// indica che il riquadro sarà largo 500px. | dove //frameborder=0// rimuove i bordi dall'iframe, mentre //width=500// indica che il riquadro sarà largo 500px. | ||
+ | {{ :liquens:widgets:incorpora_widget.png?500 }} | ||
+ | |||
+ | Ogni widget permette di ottenere facilmente l'<iframe> corrispondente, già compilato, cliccando sul link **Codice da incorporare**. | ||
<WRAP info round> | <WRAP info round> |