Skip to content
This repository has been archived by the owner on Oct 9, 2018. It is now read-only.

Activity Indicator

tneil edited this page Oct 1, 2012 · 12 revisions

Activity IndicatorActivity Indicator

NOTE: Activity indicators are currently only for BlackBerry 10 styling

Activity Indicators are used to show your user that the application is currently "working" and there isn't a set period of time or min/max value that is trying to be reached. Creating an activity indicator can be done by simply adding the data-bb-type="activity-indicator" to a <div>.

    <div data-bb-type="activity-indicator" data-bb-size="large"></div>

You can also specify the size of activity indicator that you are looking for by setting the data-bb-size attribute to "small", "medium" or "large". If the size attribute isn't specified, the activity indicator will be displayed using the medium sizing by default.

Coloring

Activity indicators support both the dark and light themes for BlackBerry 10. Activity indicators use the bb10HighlightColor value passed into the bb.init() function for their coloring.

Changes for v0.9.4

NOTE: The following changes are currently in the "next" branch and will be part of v0.9.4

Activity indicators are now supported for the BlackBerry PlayBook. Coloring for the PlayBook uses the highlightColor provided in the bb.init() function.

JavaScript Interface

When you want to dynamically show or hide your activity indicator you can call it's show() and hide() functions.

	document.getElementById('indicator').show();
	document.getElementById('indicator').hide();

As a convenience you can also remove your activity indicator from the screen by calling the remove() function.

	document.getElementById('indicator').remove();
Clone this wiki locally