Authors:Yoshiroh Kamiyama
Developers:Yoshiroh Kamiyama

PageIndicator displays a series of gray and white dots to indicate which page is currently being viewed. It can typically be used with It is also internally used in


The PageIndicator widget uses the dojo’s pub/sub event system to communicate with the other widgets. It subscribes to the “/dojox/mobile/viewChanged” message, and refreshes the indicator status.


To use PageIndicator with SwapView, place it as a sibling of the SwapView widgets. Then the PageIndicator searches its parent DOM nodes for the SwapView widgets to create an indicator that reflects them.

Constructor Parameters

Parameter Type Default Description
refId String “” An ID of a DOM node to be searched. Siblings of the reference node will be searched for views. If not specified, this.domNode will be the reference node.


Declarative example

<body style="background-color:#6D6D6D">
    <div data-dojo-type="">
        <h1>My Pictures</h1>
        <img src="images/pic1.jpg">

    <div data-dojo-type="">
        <h1>May 3, 2011</h1>
        <img src="images/pic2.jpg">

    <div data-dojo-type="">
        <h1>May 3, 2011</h1>
        <img src="images/pic3.jpg">

    <div data-dojo-type="" fixed="bottom"></div>
Error in the documentation? Can’t find what you are looking for? Let us know!