/ / IBM Worklight - Comment définir l'indicateur occupé - ios, ibm-mobilefirst, worklight-runtime

IBM Worklight - Comment styliser l'indicateur d'occupation - ios, ibm-mobilefirst, worklight-runtime

J'essaie de comprendre comment changer le style d'arrière-plan du BusyIndicator. Voir ci-dessous l'extrait de code et l'explication:

app.busyIndicator = new WL.BusyIndicator("content", { text: message, bounceAnimation: false, fullScreen: true, minDuration: 3, textColor: "white", opacity: 1, strokeOpacity: 0.25 });

Cet extrait forcera l'indicateur d'occupation à occuper toute la fenêtre d'un appareil mobile iPhone lorsqu'il sera invoqué. Ce comportement est différent sur les appareils Android.

Voici mes questions:

  1. À l'intérieur d'un appareil, comment changer la couleur d'arrière-plan du noir plat à une autre couleur ou transparente?
  2. J'ai remplacé les classes CSS liées à la BusyIndicator mise en page ... qui fonctionne quand testé dans un navigateur. Cependant, je ne vois toujours le fond noir que lorsque l'application a été poussée sur un appareil. Pourquoi cela arrive-t-il?

Réponses:

2 pour la réponse № 1

Il n'est pas possible de modifier la couleur d'arrière-plan de l'indicateur occupé.

  • Pour iOS 6, il est noir
  • Pour iOS 7, il apparaît plus léger et plus transparent

Ce qui précède est pertinent à partir de Worklight v6.0.0.1, publié il y a quelques jours.

  • Si vous êtes un client ou un partenaire commercial IBM et que vous utilisez une ancienne version de Worklight, contactez IBM via votre personne de contact pour obtenir cette mise à jour.

  1. Android et iOS ont des options différentes pour leur indicateur occupé respectif. Évidemment, toutes les options ne s'appliquent pas aux deux systèmes d'exploitation. Outre les options fournies, il n'est pas personnalisable.
  2. Lorsqu'il est utilisé dans un appareil mobile, l'indicateur occupé est un composant natif, donc CSS ne s'applique pas à lui.
  3. Les environnements Web / Air / Bureau / BB6 / 7/10 / Aperçu utilisent un indicateur occupé basé sur HTML / CSS / JS, c'est pourquoi vous pouvez changer son apparence via CSS.

Ceci est expliqué dans le Contrôles communs de l'interface utilisateur module de formation à partir de la page 6. Veuillez lire. Plus de modules de formation.