mprinfo Posté(e) le 17 décembre 2022 Signaler Posté(e) le 17 décembre 2022 Personnalisation des QA, Mise en couleur, police Etc.. merci a FredoKL pour cette découverte 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 3
fel-x Posté(e) dimanche à 11:28 Signaler Posté(e) dimanche à 11:28 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 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 bon dimanche 2 1
jojo Posté(e) il y a 16 heures Signaler Posté(e) il y a 16 heures cool, j'en avais mise à un moment, puis avec un FW upgrade, ça ne fonctionnait plus, et pire ça affichait le texte de la balise. Je vais donc réessayer => merci ! 1
jojo Posté(e) il y a 16 heures Signaler Posté(e) il y a 16 heures plein d'espoir, j'ai donc réessayé de ce pas, mais que fais-je mal ? self:updateView("Config", "text", "<big>Durée filtration : </big>") Merci de votre aide
fel-x Posté(e) il y a 15 heures Signaler Posté(e) il y a 15 heures (modifié) Tu n’as pas décoché la case “utiliser les nouvelles vues pour les apps” dans ta QA INFOS ici J’ai écrit une routine pour forcer la propriété webview sur false si tu veux mais pour commencer décoche cette case !!! Modifié il y a 15 heures par fel-x 1
jojo Posté(e) il y a 15 heures Signaler Posté(e) il y a 15 heures MERCI pour l'info. Evidemment ça fonctionne. Je mettrai cela dans onInit() de chacun des mes QA. 1
fel-x Posté(e) il y a 14 heures Signaler Posté(e) il y a 14 heures (modifié) voici le code à ajouter dans onInit() dans toutes les QA qui emploient un affichage personnalisé (images, HTML...) -- force 'Use the new views in mobile application' property to be disabled local ui_view = api.get("/devices/" .. self.id) local useUiView = ui_view.properties and ui_view.properties.useUiView hub.debug("UI VIEW PROPERTY", "Property 'Using new views in mobile app' is set to : " .. json.encode(useUiView)) if useUiView == true then hub.debug("UI VIEW PROPERTY", "Property modification required to ensure compatibility in web and app views") hub.debug("UI VIEW PROPERTY", "Property 'Using new views in mobile app' has been disabled") hub.debug("UI VIEW PROPERTY", "Restarting QA...") api.put("/devices/" .. self.id, {properties = { useUiView = false } }) elseif useUiView == false then hub.debug("UI VIEW PROPERTY", "App and Web view compatibility checked — no modification needed") else hub.debug("UI VIEW PROPERTY", "Unable to check App and Web view compatibility. Let's hope it works...") end Le changement de cette propriété force la QA à redémarrer : pas le choix ! Donc je préviens dans le debug. Modifié il y a 14 heures par fel-x 1
jojo Posté(e) il y a 12 heures Signaler Posté(e) il y a 12 heures Il y a 2 heures, fel-x a dit : la propriété webview sur false Je n'ai pas trouvé la propriété Webview, mais la useUiView qui bascule bien de False à true en fonction que la case soit cochée ou pas. Donc, j'ai simplement rajouté ceci : self:updateProperty("useUiView", false) et la case se décoche bien, MAIS les balises html ne son toujours pas interprétées. Et quand je le change manuellement, c'est bon, donc il doit aussi changer autre chose ... si tu es ok pour partager le code "qui marche", je suis preneur.
fel-x Posté(e) il y a 8 heures Signaler Posté(e) il y a 8 heures Il y a 4 heures, jojo a dit : Je n'ai pas trouvé la propriété Webview, Tu as raison.Je n'avais pas remarqué que mon smartphone avait auto-corrigé ce que je tapais. Il s'agit bien de la 'useUiView' ! C'est à ma connaissance la seule qu'il faut changer. Par contre si tu la passes à false, sans un restart de la QA ce ne sera pas pris en compte. As-tu essayé le code que j'ai mis ci-dessus ? Il vérifie la valeur de useUiView et si elle est true, il la passe en false, alors que si elle est false il ne change rien. La différence avec ton code est que tu passes par updateProperty() alors qu'il faut passer par un api.put() afin que le changement soit pris en compte par la QA (ça la redémarre). Je suis quasi certain que le problème vient de là.
Messages recommandés