Country / Dev

UWA Widget export

L’API UWA de netvibes vient (enfin ? (1)) d’être mise à jour.

Comme nouveauté nous avons le droit à l’export des widgets, ce qui vous permet de placer n’importe quel widget UWA sur votre site/blog le plus simplement du monde.



Pour ça il vous faut juste ajouter 3 éléments dans votre page. Tout d’abord le script UWA :
<script type="text/javascript" src="http://www.netvibes.com/js/UWA/load.js.php?env=BlogWidget"> </script>

Le conteneur du widget (auquel nous ferons référence dans la configuration), à placer là où vous voulez qu’il apparaisse dans la page :
<div id="UWAWidget">Loading the UWA Widget</div>

La configuration de votre widget :
<script type="text/javascript"> var BW = new UWA.BlogWidget( {  container: document.getElementById('UWAWidget'),  moduleUrl: 'http://www.k1der.net/bordel/widget.html' } ); BW.setConfiguration( { 'title':'Toute l'actu de l'OM', 'height':200 } ); </script>

(plus d’infos sur les options dans la documentation)

Et voila le résultat (2) :

Loading the UWA Widget



A noter que là le widget est affiché dans une iframe, mais un mode « inline»  est disponible et le widget sera vraiment inclut dans votre page, vous pourrez donc le personnaliser comme bon vous semble (CSS).

Quelques petites remarques :

  • Le titre est très très moche, à nous de jouer avec les css (et en particulier !important à cause des styles en ligne).
  • Je ne sais pourquoi il s’obstine à mette une iframe de 99% de large, du coup on a un espace à droite (embétant lorsque le widget a un fond de couleur).
  • On doit fixer une hauteur au widget (250px par défaut), donc il faudra privilégier le mode « inline»  dans le cas d’un widget avec une hauteur variable (comme ici).
Voila, rien de bien grave cependant. UWA porte de mieux en mieux son nom et ça c’est bien.
  1. Leur roadmap est un peu dépassée. J’ai demandé au développeur si il était possible d’avoir une version à jour mais pas de réponse :|
  2. Oui, c’est du foot, je m’excuse, je n’avais que ça sous la main.

Commentaires

Laisser un commentaire

Flux RSS des commentaires de ce billet

(obligatoire)

(obligatoire)