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.

Eg.,
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); }

9 comments:

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

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

    ReplyDelete
  3. Check Frank post on glasspane

    ReplyDelete
  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

    ReplyDelete
  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

    ReplyDelete

Related Posts with Thumbnails