Voortgangsindicator in Ajax

De standaard voortgangsindicator bij het laden van gegevens op een webpagina kennen we nu wel. Het is fraaier deze aan te passen naar de eigen bedrijfsstandaarden qua look-and-feel. Zo zien wij de saaie indicator liever aangepast worden in onze eigen kleuren:

voorbeeld van een progress indicator

Er kunnen verschillende kenmerken van de progress indicator worden aangepast via de volgende twee bestanden bij het gebruik van Adelia Web Studio (deze staan in de directory AWSResources) :

  • AWSAjax.properties deze bevat de parameters voor de Ajax motor
  • AWSAjaxLabels_XX.properties waarin de tekstuele meldingen binnen de Ajax modus kunnen worden aangepast in de daarvoor gewenste talen

Als je bijvoorbeeld de tekst van de voortgangsindicator (standaard 'bezig met laden...') wilt wijzigen, moet je de waarde voor de sleutel PROGRESS_INDICATOR_TITLE in het AWSAjaxLabels_XX.properties bestand wijzigen.

Als je de afbeeldingen van de voortgangsindicator wilt wijzigingen, moeten de waarden van de twee sleutels PROGRESS_INDICATOR_WAIT_IMG en PROGRESS_INDICATOR_LOADING_IMG in het AWSAjax.properties-bestand gewijzigd worden.

Kijk op de volgende sites voor een aantal fraaie mogelijkheden:

www.ajaxload.info
www.netwaver.com

Door Patrick ten Thij

nieuws