VIews styler

 

Precedentemente avevo scritto una patch per views che pemetteva di andare ad indicare delle classi specifiche alle singole righe delle views. Considerato che modificare il codice di un modulo lo considero una delle cose più pericolose nonché sbagliate, e in considerazione del fatto dell'enorme modularità raggiunta da Drupal 7 con le funzioni di autoloading, ho deciso di separare la patch creando un modulo apposito. Attualmente questo modulo si trova in una sandbox, vediamo come ottenerlo e come usarlo (e perché!).

L'installazione

Innazitutto dobbiamo sapere che le sandbox non consentono di scaricare direttamente dei pacchetti, mentre è possibile ottenere quello che è presente al loro interno attraverso GIT. Per ottenere, quindi, il codice sorgente di questo modulo è necessario avere git installato sulla propria macchina e scaricare il modulo attraverso i comandi, specificati anche nella apposita pagina della sandbox:

git clone --branch master mavimo@git.drupal.org:sandbox/mavimo/1189116.git views_styler

Il modulo così ottenuto può essere installato nella solita modalità, quindi procediamo con il copiare il modulo nella cartella:

sites/all/modules/contrib

e all'interno del pannello Admin » Module attivare il modulo Views Styles, a questo punto possiamo accedere e vedere le nuove funzionalità (visibili nell'interfaccia di views, come indicato nell'articolo precedente) per andare a modificare le configurazioni, senza per questo andare a dover patchare il modulo views.

L'uso

Ok, abbiao questo modulo, ma come possiamo usarlo? A cosa dovrebbe servirci? Ovviamente gli utilizzi sono molteplici, ma lo scopo iniziale per cui è nato, e per cui lo utilizzo, è la realizzazione di viste con strutture complesse quando è utilizzato in concomitanza con temi basati su griglie (nel mio caso specifico con omega).

Ipotizziamo di voler realizzare una vista i cui elementi hanno un posizionamento, ad esempio come rappresentato in

per farlo è sufficiente andare ad impostare, all'interno della vista che genra l'elenco di questi contenuti, la seguente configurazione:

in cui per ogni riga viene specificata la dimensione della riga nella griglia; ovviamente è possibile avere anche elementi con una struttura più uniforme, ad esempio:

La cui configurazione è, come visibile nella sghermata successiva, basata sulle righe pari e dispari per indicare per le due colonne il posizionamento degli elementi, mentre il primo e l'ultimo elemento della griglia vengono visualizzati a tutta colonna.

Il limite è esclusivamente alla nostra fantasia (ed ovviamente utilità), possiamo anche ottenere viste in cui gli elementi della pagina hanno tutti dimensioni differenti:

semplicemente configurando le dimensioni della griglia per gli elementi specificati, come indicato nella configurazione di seguito indicata:

Potremmo procedere così quasi all'infinito, ma credo che la cosa migliore sia provare e analizzare le potenzialità di questo strumento, che permette di ridurre drasticamente i tempi di realizzazione della struttura delle pagine, anche se molto complessa, senza dover andare a scrivere righe di CSS ridondanti.

Suggerimenti o critiche come sempre ben accetti.

Altri contenuti che potrebbero interessarti

  • SASS per i CSS con Compass (in ruby)
    Come indicato nell'articolo precedente abbiamo visto la comodità di usare un metalinguaggio per i CSS come SASS. Ovviamente i browser non sono in grado di utilizzare direttamente questi file, ma necessitano di ricevere del codice CSS standard. Questa operazione (NdA:la conversione da SASS a CSS)...
  • Drupal si occupa esclusivamente della validazione lato server delle informazioni, ma spesso è consigliabile prevedere ad una prima validazione dei dati inseriti dall'utente lato client, in modo da evitare l'invio della richiesta limitando quindi le possibilità di errore. Ovviamente la validazione...
  • SASS per i CSS
    I CSS sono uno degli elementi che nel corso degli anni, nel settore del web, si sono meno evoluti dal pundo ti vista della struttura utilizzata. Nelle corso delle diverse versioni sono state aggiunge solo proprietà e selettori nuovi. Probabilmente penserete: Se non sono cambiati tantomeglio, evito...
  • Esempio di vista generata dall'integrazione del nostro modulo con views
    Alzi la mano chi non ha mai usato views. Alzi la mano che l'ha mai usato. Ok, non proprio tutti ma buona parte di voi ha alzato la mano, questo perchè è sicuramente uno strumento potentissimo per la visualizzazione delle informazioni, quindi è fondamentale (o comunque molto utile) andare ad...

Commenti

Invia nuovo commento





  • Elementi HTML permessi: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img> <h2> <h3> <h4> <table> <thead> <tbody> <tr> <th> <td>
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.
  • Linee e paragrafi vanno a capo automaticamente.
  • Indirizzi web o e-mail vengono trasformati in link automaticamente

Maggiori informazioni sulle opzioni di formattazione.



Condividi contenuti