Dans le fabuleux monde du UI (User interface, l’intertace utilisateur), on a un choix de contrôles (des trucs visuels pour voir ou entrer de l’information). Dans mes premières années d’informatique, je me demandais bien pourquoi le mot “contrôle” pour cette collection d’éléments visuels. Un jour on m’a dit que ça venait de l’ingénierie : les indicateurs de systèmes et machinerie s’appellent des contrôles. Ah ! Ok ! Mais les “radio buttons” eux ? Ça vient de ce mécanisme de sélection de poste radio où un seul bouton peut être pressé (poste sélectionné) à la fois.

Petits souvenirs partagés alors que j’ai résolu mon problème de “radio buttons” qui ne s’affichaient pas.

Les boutons ne s’affichaient pas parce que l’étiquette (le texte qui définit la fonction de chaque bouton pour l’utilisateur) n’était pas assignée au bouton mais au contenant (the canvas), une zone rectangulaire dans laquelle le bouton devait être logé.

On remarque aussi dans la vidéo que la fluidité du positionnement des contrôles est mieux assurée parce que la zone des radio buttons a maintenant une largeur définie (sinon le FlowPanel qui se charge de la distribution visuelle des éléments ne semble pas trop savoir quoi faire).

* * *

In the fabulous UI world (User interface), we have a choice of controls (visual elements to see or enter information). In my early years of computer science classes, I wondered why the word “control” was used to name these visual elements. One day I was told that it came from engineering: the indicators on systems and machinery are called controls. Ah! OK ! But what about the radio buttons? It comes from the radio selection mechanism where only one button can be pressed at a time (see image above).

Bits of memories shared while I solved my problem of “radio buttons” that did not display.

The buttons were not displayed because the label (the text that defines the function of each button for the user) was not assigned to the button but to the canvas, a rectangular area that serves as a visual container for the radio button.

We also note in the video that the fluidity of the control positioning is much better because the area of the radio buttons now has a defined width (otherwise the FlowPanel which takes care of the visual distribution of the elements does not seem to know what to do).