Aller au contenu

Personnalisation des QA, Mise en couleur, police Etc..


Messages recommandés

Posté(e)

Personnalisation des QA, Mise en couleur, police Etc..

 

merci a FredoKL pour cette découverte

toto.jpg.6474bf18a4e715239f950c01ff314aa6.jpg

 

il est maintenant possible de personnaliser nos QA et cela fonctionne avec l'application Android 

 

Je ne suis pas un pro des balises HTML donc vais juste donner quelques exemples

 

Pour changer la police

face=times new roman

Pour changer la couleur (lien pour trouver le bon code couleur https://htmlcolorcodes.com/fr/)

color= #7d3c98

pour changer la taille

size=+3

Exemple pour l'etiquete "lal"

self:updateView('la1', 'text', "<span class=\"section-title\"><b><font color= #7d3c98 face=times new roman size=+3>Titre personnalisable avec couleur") 

 

Voici un autre exemple pour ajouter un lien dans un QA

 

self:updateView("la2", "text", '<a href="https://www.google.com/">Google Search</a>')

 

Pour envoyer un email

self:updateView("la6","text", '<a href="mailto:pere-noel@laposte.net"> Envoyer un email au Père Noël</a>')

Afficher un image clikable

self:updateView("la9","text", '<a href="https://www.lamborghini.com/fr-en"><img alt="Lamborghini-Countach-2021" src="https://www.largus.fr/images/images/countach-avg.jpg"width=150" height="100"></a>') --clickable

 

Voici le QA partager par notre ami FredoKL : Test_UI.fqa

  • Like 3
  • Lazer a épinglé ce sujet
  • 2 ans après...
Posté(e)

Salut tout le monde.

Je suis assez désireux de personnaliser l'apparence de mes QA, et j'ai commencé à tester pas mal de balises HTML. 

Je vous propose une liste de balises avec leur résultat en copie.

En ce qui concerne les images, il est aussi possible des les encoder en base64 dans le code LUA pour ne pas les appeler depuis l'extérieur.

 

self:updateView("label_html", "text", "<strong>strong</strong><br><em>em</em><br><i>i</i><br><u>u</u><br><font color='red' size='1'>font_color_red_size_1</font><br><small>small</small><br><big>big</big><br><sub>sub</sub><br><sup>sup</sup><br><code>code</code><br><kbd>kbd</kbd><br><s>s</s><br><mark>mark</mark><br><details><summary>summary</summary>detail1<br>detail2</details><br><pre>pre</pre><p><hr><img width='25%' src='https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png'>")

 

donnera

 

image.thumb.png.09474ec89ba9c97bc2f4c1d055d721b6.png 

 

Il y en a d'autres classiques qui fonctionnent comme <TABLE> <UL> <OL> ...

 

Y'a moyen de pas mal déjà customiser les vues, alors si vous avez d'autres astuces, on peut partager ici :D

 

bon dimanche

 

 

  • Like 2
×
×
  • Créer...