Skip to content. | Skip to navigation

Personal tools
Sections
You are here: Home Topics portlet
Navigation
 

portlet

Nov 25, 2009

A cloud of colors in Plone

by Irene Capatti — last modified Nov 25, 2009 07:00 AM
Filed Under:

A small customization to Vaporisation's template, an excellent product for viewing tagcloud.

TagCloudVaporisation (also available as an egg) can display on your site a portlet with the cloud of the keywords used in the site.
If you are not satisfied with the standard monochrome display, you can quickly customize the template to add the CSS classes that give more color.

Copy the original template cloud.pt in your browser folder on your Plone theme (the classic theme created with paster).

Go to the configure.zcml file in the same folder and add these few lines: 

...
<include package="vaporisation"/>

<!-- Portlet tagclouds -->
  <plone:portletRenderer
         portlet="vaporisation.interfaces.IVaporizedCloud"
         template="cloud.pt"       
         layer=".interfaces.IThemeSpecific"
         />
...


Save and Close.
Now open your file cloud.pt. First, you could add to portlet a specific  css class:

<dl class="portlet portlet-tagcloud"
    i18n:domain="vaporisation"
    tal:attributes="id string:portlet-${context/getId}"
...


Moved a bit lower down, where tags are defined:

<a href=""
   tal:content="tag/name"
   tal:attributes="style string:font-size: ${tag/size}%;;;
                   href string:${link}${tag/name};
                   title string:${tag/name} (${tag/weight});" />


Add to the attributes list the CSS class:

<a href=""
   tal:content="tag/name"
   tal:attributes="style string:font-size: ${tag/size}%;
                   class python:'size_'+str(tag['size'])[:2];
                   href string:${link}${tag/name};
                   title string:${tag/name} (${tag/weight});" />


There is no need to change much, nor to extend the original python class.
In this way each different tag size will be associated with a CSS class like "size_10", "size_11" , ...,  that you can assign a color: 

...
.vaporized-tag a.size_13 {
    color: #006600;
}
.vaporized-tag a.size_14 {
    color: #008080;
}
.vaporized-tag a.size_15,
.vaporized-tag a.size_16 {
    color: #761911;
}
...


The end result will not be very different from this ... look at the bottom of the page :)

Oct 14, 2009

New version of redturtle.video

by Federica D'Elia — last modified Oct 14, 2009 12:15 PM
Filed Under:

Released version 0.2.0beta of redturtle.video

A new version of redturtle.video was released on pypi:

http://pypi.python.org/pypi/redturtle.video/0.2.0beta

The package redturtle.video is a video support for Plone, based on collective.flowplayer.
In the new version of redturle.video two new fields are added to content types Video files and Video link. These new fields are "Year" and "Duration".

The information on the lenght of video is achieved through the use of packages: 'hachoir_core', 'hachoir_metadata' and 'hachoir_parser'.

The "Video Gallery" portlet shows content image fields taken from videos. In the new version "Video Gallery" portlet shows also the new informations on the year and duration of the video and also the title of the video.

Aug 12, 2009

pagine composite con Plone

by Massimo Azzolini — last modified Aug 12, 2009 12:00 AM

Una recensione su quattro prodotti plone nati per creare aggregare contenuti in una sola pagina plone.

Com’è noto Plone offre un’interfaccia in cui al centro della pagina visualizzi un oggetto per volta: una pagina, un evento, una news.

Non è, di base, possibile avere contemporaneamente più contenuti provenienti da punti differenti del portale oppure mettere assieme un cercatore, un testo libero e il contenuto di una cartella.

Nei giorni scorsi mi sono trovato a valutare alcuni prodotti Plone che offrano la possibilità di creare pagine composite. Mi sono imbattuto in questi:

I primi due usano un approccio simile ovvero ti permettono di riutilizzare o di inserire contenuti plone all’interno di un’area nella pagina. Gli altri due invece sfruttano le portlet come fornitrici di contenuti.

L’elenco non è esaustivo, ma questi mi sono sembrati abbastanza utilizzabili anche per un utente non esperto. Per tutti quanti l’idea è quella di fornire un meccanismo (abbastanza) facilmente usabile da chiuque e non quello di permettere di creare layout astrusi. Questo è roba per “designer”: gli editor si limitino a inserire e aggregare contenuti.. ;)

CMFContentPanels

CMFContentPanels: due box affiancati

Questo è un prodotto nato con la versione precedente di Plone (la 2.x), ma recentemente è stato modificato e ora funziona anche con la 3.x.

E’ alquanto versatile e l’avevo già utilizzato con la 2.5. Oggi, sinceramente, trovo il suo approccio un po’ datato. Speravo che il porting alla 3.x avesse introdotto ulteriori funzionalità, ma l’impianto generale è tendenzialmente lo stesso.

Inoltre gestisce gli allineamenti tramite tabelle. Dal punto di vista dell’accessibilità non è la soluzione ideale. Buono il fatto che i vecchi portali 2.5 possano essere migrati alla 3.x senza dover obbligatoriamente ricrearne parti ex-novo.

Collage

Ho molto apprezzato Collage per la sua flessibilità. Fondamentalmente funziona a righe all’interno delle quali vai ad aggiungere colonne. In ogni colonna, uno sotto l’altro, puoi aggiungere elementi. Non è studiato per “intabellare” contenuti, quindi non pensare a questo utilizzo, sarebbe una forzatura. E’ tutto realizzato tramite DIV quindi un po’ di CSS può essere d’aiuto per aggiungere un tocco di grafica in più. Tra l’altro ogni oggetto ha la sua classe e/o il suo id per cui è semplice identificare il punto su cui si può agire.

Collage (preview da plone.org)

Ogni elemento può essere aggiunto attraverso semplici e intuitivi menù a scomparsa.

I contenuti che si possono inserire sono tutti quelli disponibili nel portale plone. Questo significa che eventuali tipi custom possono essere utilizzati. Inoltre puoi sia riusare oggetti già creati in qualche altra parte del portale che crearne di nuovi: verranno salvati all’interno del collage stesso.

L’interfaccia è debolmente usabile e ti permette di muovere gli elementi riordinandoli velocemente attraverso delle piccole frecce. Ho solo avuto qualche noia utilizzando l’opzione di copia: da riprovare questa funzionalità.

In generale l’ho trovato ottimo e molto facilmente utilizzabile.

Products.ContentWellPortlets

Questo è il primo dei due prodotti basati su portlet. L’idea è quella di fornire due aree “attive” all’interno delle quali inserire portlet: una sopra il contenuto corrente, una sotto.

un sacco di portlet!

Si applica quindi a qualsiasi oggetto tu vada a creare all’interno del portale e sfrutta tutte le regole delle normali portlet di plone. Questo significa che se in un folder aggiungi una portlet statica in testa, questa apparirà in tutte le pagine contenute nel folder. Esattamente come accade per le due colonne laterali.

Il principale vantaggio sta proprio in questo: essendo applicabile ovunque non hai la necessità di creare tipi ad hoc per avere contenuti speciali. Lo svantaggio è che puoi utilizzare solo portlet e non reali contenuti. Con il tempo le portlet disponibili saranno sempre più e sempre più pervasive: questo svantaggio calerà.

Non puoi e non potrai mai in ogni modo, però, aggiungere un contenuto come tipo custom alla stregua di Collage.

collective.portletpage

E’ un nuovo tipo di contenuto vero e proprio.

E’ una normale pagina Plone con in fondo 4 aree (nord, sud, est, ovest) in cui aggiungere portlet. A differenza del precedente ti permette di gestire con più flessibilità il layout delle portlet: in fondo hai due aree in più…

Anche questo prodotto è ben fatto ed è assolutamente plonish. D’altra parte l’autore è una garanzia in questo senso.

Gestione di PortletPage

Credo che possa essere molto utile per strutturare sottohomepage di un portale o comunque punti di raccolta di informazioni. Il fatto che sia in ogni caso un’estensione di Page ne limita in parte l’utilizzo estensivo: e se volessi le stesse funzionalità su un evento? avrei bisogno di collective.portletevent? D’altra parte, uno sviluppatore può “prendere spunto” molto facilmente da questo prodotto.

Il fatto che utilizzi le portlet poi ha gli stessi vantaggi/svantaggi del precedente.

Il risultato