Objets textes


L’objet Zone de texte permet d’afficher du texte dans une zone :

Cet objet peut servir par exemple à afficher:

Pour placer l’objet zone de texte



Choisir zone de texte en haut à gauche

Puis placer l’objet sur l’écran.

Une fois l’objet placé vous pouvez le redimensionner à l’aide des poignées

Édition


Pour éditer le contenu de votre zone de texte, double-cliquez dessus ou sélectionnez html en bas à droite :

Note : La fonction html permet d’avoir un éditeur de texte enrichi, celui-ci n’est pas obligatoire vous pouvez à tout moment éditer le code brut HTML.


Format d’affichage


La couleur du texte et la taille du texte sont définies dans la partie haute de l’objet :

Pour l’alignement global du texte utilisez les 4 premiers outils en bas de la zone :

Pour définir un style de boite englobante : faire clique droit => Format de l’objet

Une boite de dialogue vous permet alors de choisir la couleur de la bordure la couleur de fond ou un style bulle de dialogue.

       


Type de rendu de la zone


Une zone de texte peut avoir 3 différents types de rendus lors de l’exécution :

Une zone simple : le texte est affiché et agrandit la boîte si elle n’est pas suffisante

Une zone avec barre : le texte est affiché et une barre de navigation verticale apparait sur la droite si la boîte n’est pas suffisante.

Une zone avec barre et image : un texte + une image sont affichés et une barre de navigation verticale apparait sur la droite si la boîte n’est pas suffisante.

Note : pour changer le type de rendu faire CRT + T après avoir sélectionné l’objet.


Script js & code css



Comme tous les objets Ludiscape, il est possible de donner un identifiant (ou ID) à l’objet afin de la rendre accessible via le langage JavaScript. Pour définir cet identifiant faire clique droit => Format de l’objet.

Cet ID associé à différentes fonctions vous permet de réaliser différentes opérations :

Fonction JS

Permets de

Exemple

LUDI.setValueTxt

Appliquer un texte

LUDI.setValueTxt('ID','Hello word');

LUDI.getValueInput

Récupérer le texte

var txt = LUDI.getValueInput('ID');

$(‘.ID’).css

Changer une propriété CSS

$(‘.ID’).css(‘color’,’red’) ;


Cet identifiant permet également d’associer une classe générique CSS dans « Manager CSS ».

Un identifiant qui commence par « system- » verra ses propriétés de positionnement automatiquement répliqués sur les autres écrans.

LUDISCAPE - 2012-2020