mardi 23 octobre 2012

Outils pour partager du code en ligne

Il y a pleins d'outils apparemment pour faire cela mais je me suis arrêté sur celui-là :
http://jsfiddle.net/ : permet de partager du code HTML, CSS, JavaScript

Réglage pour que les colonnes suivent toujours le bord du tableau

Il arrive parfois que l'on veuille que les champs ( = field) d'un objet ListGrid prennent toujours toutes la largeur de son contenant et par là éviter un vide inutile à droite.

Ma solution c'est de donner une largeur de 100%, relative donc, à chaque colonne et de donner une largeur fixe à au moins une de ces colonnes. Si le tableau ne comporte qu'une colonne alors field.setWith("100%") suffira.



Inconvénient avec cette solution : il arrive parfois que certaines colonnes générées "automatiquement" par SmartGWT ne soient pas taillable. Je rencontre ce problème notamment sur la colonne de bouton de suppression d'enregistrement. Il est dans la plupart des cas impossible de lui donner une taille malgré le fait que l'on puisse récupérer son nom.

J'ai demandé de l'aide un peu partout sur la toile sans résultat acceptable jusqu'aujourd'hui.
Je vais mettre ici les références de mes demandes d'aide... si vous vous sentez d'y répondre de manière constructive n'hésitez plus !
Concernant le bouton de suppression des enregistrements, la solution se trouve finalement ici.

vendredi 12 octobre 2012

Bords et bordures

Après avoir un peu galérer j'ai enfin trouvé le moyen de supprimer le bord d'un composant. Je dis le bord et non la bordure... vous comprendrez en lisant la suite...

A savoir :

anglaisfrançais
edgebord
borderbordure



A savoir donc que l'on parle de "bordure" (en anglais "border") pour ce qui est en bleu et vert dans cette image et que l'on parle de "bord" (en anglais "edge") pour la partie grise entre les deux bordures.

lundi 8 octobre 2012

Bordures dynamiques que l'on peut retailler

http://jsfiddle.net/lnplnp/MxKLH/
JAVASCRIPT :


HTML :


CSS :