Code source wiki de Habillage de l'indicateur de progression d'événements en mode Ajax
Modifié par Julien EYMERY le 2015/07/27 15:49
Afficher les derniers auteurs
| author | version | line-number | content |
|---|---|---|---|
| 1 | Il est possible de changer plusieurs caractéristiques de l'indicateur de progression; ces informations étant stockées dans deux fichiers properties différents (dans le répertoire AWSResources) : | ||
| 2 | |||
| 3 | - AWSAjax.properties qui contient les paramètres du moteur Ajax, | ||
| 4 | - AWSAjaxLabels_XX.properties qui permet d'externaliser les messages textuels utilisés par le mode Ajax dans une langue donnée (vous devez avoir autant de fichiers que de langues supportées). | ||
| 5 | |||
| 6 | Pour modifier le texte de l'indicateur de progression (par défaut "Chargement..."), il faut modifier la valeur de la clé PROGRESS_INDICATOR_TITLE du fichier AWSAjaxLabels_XX.properties. | ||
| 7 | |||
| 8 | Pour modifier les images de l'indicateur de progression, il faut modifier les valeurs des deux clés PROGRESS_INDICATOR_WAIT_IMG et PROGRESS_INDICATOR_LOADING_IMG du fichier AWSAjax.properties. | ||
| 9 | |||
| 10 | Voici quelques pointeurs d'exemples d'images d'indicateur de progression : | ||
| 11 | [[http://www.ajaxload.info/>>url:http://www.ajaxload.info/]] | ||
| 12 | [[http://www.netwaver.com/21/8-ajax-loading-icon-generators/>>url:http://www.netwaver.com/21/8-ajax-loading-icon-generators/]] | ||
| 13 | |||
| 14 | |||
| 15 | Remarque 1 : Le chemin est relatif à la racine de l'application Web. Par exemple : /images/waiting.gif si "images" est un sous-répertoire de l'application Web. | ||
| 16 | Remarque 2 : Les deux images pour l'état "en attente" et l'état "en cours" doivent avoir les mêmes dimensions. | ||
| 17 | |||
| 18 | Pour modifier la position de l'indicateur de progression, il faut modifier la valeur de la clé PROGRESS_INDICATOR_POSITION du fichier AWSAjax.properties. | ||
| 19 | |||
| 20 | Pour modifier la bordure de l'indicateur de progression, il faut modifier la classe de style CSS AWSAjaxProgressIndicator qui est définie dans le fichier AWSGUIControls.jsp. | ||
| 21 | ((( | ||
| 22 | == (% style="line-height: 1.5;" %)Articles connexes(%%) == | ||
| 23 | ))) | ||
| 24 | |||
| 25 | Les articles connexes apparaissent ici en fonction des étiquettes que vous avez sélectionnées. Cliquez pour modifier la macro et ajouter ou modifier des étiquettes. | ||
| 26 | |||
| 27 | {{liveData sort="doc.date:desc" source="liveTable" properties="doc.title,doc.date,doc.author" description="Recently updated" limit="5" filters="tag=web ajax" sourceParameters="translationPrefix=platform.index."}}{{/liveData}} | ||
| 28 |