jeudi 27 décembre 2012

Taille de la colonne contenant le bouton de suppression des enregistrements

Après plusieurs semaines, j'ai enfin eu une réponse de la part de l'éditeur... et donc pu résoudre le problème.

Pour pouvoir mettre une largeur à coup sûr sur la colonne qui contient les boutons de suppression dans un ListGrid il faut utiliser une méthode qui apparaît dans une version plus récente de SmartClient que celle que j'avais. J'ai donc du faire la mise à jour de la librairie.

Je suis donc passé de
  • SmartClient Version: v8.2p_2012-05-23/LGPL Development Only (built 2012-05-23)
  • SmartGWT 3.1
à
  • SmartClient Version: v8.3_2012-11-20/LGPL Development Only (built 2012-11-20)
  • SmartGWT 3.1

J'ai alors pu utiliser la méthode setRemoveFieldProperties
Comme ceci :

lundi 10 décembre 2012

Comment désactiver le menu déroulant d'un ListGrid ?

J'ai été confronté à un petit problème assez vite résolu quand j'ai su poser la question correctement à Internet... :o)

Le problème :
Lorsque l'on utilise un ListGrid et que l'on permet d'ordonner les colonnes, par listGrid.setCanSort(true);, un menu déroulant apparaît sur chaque colonne. Il est un peu disgracieux et n'est pas toujours le bienvenu... c'est le cas dans mon projet actuel.

Solution :
Pour désactiver ce petit menu, deux lignes de codes suffisent :

mardi 6 novembre 2012

CSS : supprimer les caractères inutiles pour le code couleur

Quand on crée une feuille de style ou qu'on met un peu de style en ligne, on peut alléger le poids de ces feuilles en mettant le moins de caractères possible dans ces fichiers.
On peut bien sûr passer par un compresseur de CSS, qui supprimera les espaces et les sauts de ligne, notamment.
On peut aussi faire un petit truc "à la main" : passer par la forme courte des codes couleur... quand cela est possible.
Soit comme moi, vous récupérez des CSS d'un projet déjà bien avancé... il faudrait passer tous les codes couleurs à la forme courte quand c'est possible.

Un exemple : passer de #ffffff à #fff

Dans votre éditeur de texte favori, Notepad++ pour moi, ouvrir la petite fenêtre qui permet de remplacer des caractères, passer en mode Expression régulière, rechercher #(.)\1\1\1\1\1 et remplacer par #\1\1\1

Comme dans l'exemple ci-dessous :


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 :

vendredi 21 septembre 2012

mercredi 19 septembre 2012

GWT abandonné par Google

C'est con ! Je commence sur GWT, Google Web Toolkit, et le projet va bientôt être abandonné par Google !
Comment est-ce qu'il va être nommé maintenant ? ! Anonymous Web Toolkit, ... ? !
En tout cas, j'espère que le projet sera bien alimenté par la communauté Open Source.

vendredi 14 septembre 2012

jQuery latest


http://code.jquery.com/jquery-latest.js
Faut absolument que je retienne cette adresse... je suis tout le temps en train d'essayer de m'en souvenir.

Commentaires conditionnels pour IE et les autres navigateurs

http://www.unintentionallyblank.co.uk/2006/09/19/if-internet-explorer-then-do-something-else-a-how-to/

Voilà, ici est expliqué que l'on peut produire du code HTML visible pour IE et invisible pour les autres et inversement.


  <!--[If IE]>
    <select id="liste_valeurs">
  <![endif]-->
  <!--[if !IE]>-->
  <datalist id="liste_valeurs">
    <!--<![endif]-->

    <option label="suggestion 1" value="suggestion 1" />
    <option label="suggestion 1" value="suggestion 1" />

    <!--[if !IE]>-->
  </datalist>
  <!--<![endif]-->
  <!--[If IE]> 
    </select>
  <![endif]-->

Test connexion avec Google +

Test connexion avec Google +

SIP

Session Initiation Protocol : Session Initiation Protocol (SIP) est un protocole standard ouvert de gestion de sessions souvent utilisé dans les télécommunications multimédia (son, image, etc.).

mercredi 5 septembre 2012

Quelques exemples

Comme je n'ai pas vu JAVA depuis un petit bout temps... j'ai trouvé quelques exemples de code documenté ici : http://www.java2s.com/

mardi 4 septembre 2012

Lien utile

http://www.java2s.com/Code/Java/GWT/AddatabremoveatabSmartGWT.htm
Le lien qui m'a aidé à faire ce que je voulais hier ! Hourra ! J'ai réussi !

Les fondamentaux : this et this()

http://java.developpez.com/faq/java/?page=langage_motcle#motsClesThisSuper
Mon aventure recommence avec la redécouverte des fondamentaux du langage. Pour ce premier post, je ne vais donc pas plagier un super site mais juste mettre un lien vers la réponse à une question que je me posai hier... "this()" s'est comme "super()" ? ! La réponse oui ! Les explications et détails : voir le lien ou dans d'éventuelle commentaire de ce post.

lundi 3 septembre 2012

Astuce de débutant à débutant


Aujourd'hui, une petite astuce pour les débutants et pour ceux qui auraient oublié...
Si vous lancez votre Web Application depuis Eclipse et que cette application comporte un formulaire, il se pourrait que vous tombiez sur ce message d'erreur lors de la validation de ce dernier :
GWT Module 'MODULE' may need to be (re)compiled dialog message.

Pas de panique, même si le message est plutôt clair... cela ne dit pas vraiment pourquoi il y a une erreur mais indique une éventuelle solution.
Le problème, dans mon cas, vient du fait que j'ai modifié le fichier de configuration du module, le fichier XML Module.gwt.xml.
Ce fichier décrit notamment les points d'entrée de l'application.
La solution : GWT Compile comme illustré dans l'image ci-jointe, le menu déroulant apparaît lorsque l'on fait un clic droit sur le projet.

vendredi 31 août 2012

L'erreur à ne pas faire

et que j'ai faite... Personne ne m'a prévenu !
Ne pas installer JAVA 1.7 (jdk-7u7-windows-x64) avant d'avoir installer GWT dans Eclipse sinon c'est la galère...
Personnellement la solution pour moi a été de désinstaller toutes les versions de JAVA que j'avais installées (1.5, 1.6, 1.7) et de ne réinstaller que la 1.6 (jdk-6u35-windows-x64 plus précisément).

Le point de départ...

  • Eclipse v3.7, Indigo (eclipse-jee-indigo-SR2-win32-x86_64)
    • Le site de Google Web Toolkit, soit GWT (faut bien comprendre de quoi on parle)
    • le lien vers le plugin GWT pour Eclipse : http://dl.google.com/eclipse/plugin/3.7

C'est le début...

J'avais déjà essayé de créer des Google Apps... mais à partir d'aujourd'hui, je vais devoir en faire plus sérieusement...

jeudi 30 août 2012

Finalement le format blog est plus approprié qu'une page Google +

Nouveau... nouveauté... plusieurs choses ont changés et me voilà donc ici pour partager mes aventures technologiques... Finalement, je vais plutôt faire un blog sur lequel je tagguerai les posts selon les technologies utilisées... les pages Google+ vont disparaître un jour prochain.

mardi 17 juillet 2012

logme... ou pourquoi ne pas faire de console.log

Ma fonction préférée :

function logme(data) {
  if (typeof console != 'undefined') {
    console.log(data);
  }
}

Ne pas faire de console.log() directement pour éviter de faire planter IE qui ne connaît toujours pas l'objet console.