Tuesday, October 26, 2010

ADF UI: Status or Waiting Indicator using ADF

This is a simple post on including status or waiting indicator in ADF page. First, find a place where you want to add the Status indicator in your main jspx page or template and include the tag below (Generally we'll place it in the top right corner).

<af:statusIndicator id="si1"/>

That's it! It's pretty straight forward. It'll render the default status indicator (spinning or idle 'O') corresponding to busy or idle status of the server.

But, if you want to use your custom icons to indicate busy or idle status, you need to specify that in css in your skin.

af|statusIndicator::connected-icon, af|statusIndicator::disconnected-icon, af|statusIndicator::idle-icon { content: url(/images/idle.gif); } af|statusIndicator::connecting-icon, af|statusIndicator::processing-icon, af|statusIndicator::reconnecting-icon { content: url(/images/busy.gif); }


  1. How to change the Status indicator to block the page and display in center of the page, like a modal popup?

    1. Great Article IoT Projects for Students

      Deep Learning Projects for Final Year

      JavaScript Training in Chennai

      JavaScript Training in Chennai

      The Angular Training covers a wide range of topics including Components, Angular Directives, Angular Services, Pipes, security fundamentals, Routing, and Angular programmability. The new Angular TRaining will lay the foundation you need to specialise in Single Page Application developer. Angular Training

  2. Me too...
    How do that like a modal popup?

  3. Check Frank post on glasspane

  4. In this article we examine the cross cultural differences with relation to status and analyse how they manifest in certain areas in the workplace. For the sake of simplicity we identify two types of status; 'ascribed-status' and 'achieved-status'. Status

  5. Thanks for the blog loaded with so many information. Stopping by your blog helped me to get what I was looking for. best status


Related Posts with Thumbnails