users@woodstock.java.net

Re: What is the best way to change the Busy Icon of the ProgressBar component

From: Brett M. Bergquist <bbergquist_at_canoga.com>
Date: Tue, 04 Dec 2007 09:45:59 -0500

This does not work. The image that is specified by the
"progressImageUrl" attribute is rendered as:

    <div id="form:HeaderFrag:fragContainer:topRowContainer:topRowBlock:userContainerBlock:progressBarBlock:progressBar1" widgetid="form:HeaderFrag:fragContainer:topRowContainer:topRowBlock:userContainerBlock:progressBarBlock:progressBar1" style="" dojoattachpoint="domNode" class="progressBar_4_sun4">
    <div
    id="form:HeaderFrag:fragContainer:topRowContainer:topRowBlock:userContainerBlock:progressBarBlock:progressBar1_topTextContainer"
    dojoattachpoint="topTextContainer" class="operationLabel_sun4"
    hidden_sun4=""> </div>
    <div title="ProgressBar"
    id="form:HeaderFrag:fragContainer:topRowContainer:topRowBlock:userContainerBlock:progressBarBlock:progressBar1_barContainer"
    dojoattachpoint="barContainer">
    <div style="background-image:
    url(/nms/shared/fragments/resources/asynch-1F.gif);"
    id="form:HeaderFrag:fragContainer:topRowContainer:topRowBlock:userContainerBlock:progressBarBlock:progressBar1_innerBarContainer"
    dojoattachpoint="innerBarContainer"> </div>
    <div
    id="form:HeaderFrag:fragContainer:topRowContainer:topRowBlock:userContainerBlock:progressBarBlock:progressBar1_innerBarOverlayContainer"
    dojoattachpoint="innerBarOverlayContainer" class="barLabel_sun4
    hidden_sun4"> </div>
    <div dojoattachpoint="busyImageContainer" class="busy_sun4"> <img
    src="/nms/theme/com/sun/webui/jsf/suntheme/images/progressBar/asynch-1F.gif"
    alt="Busy Indicator"
    id="form:HeaderFrag:fragContainer:topRowContainer:topRowBlock:userContainerBlock:progressBarBlock:progressBar1_busy"
    widgetid="form:HeaderFrag:fragContainer:topRowContainer:topRowBlock:userContainerBlock:progressBarBlock:progressBar1_busy"
    dojoattachpoint="domNode" border="0" height="30" width="30"> </div>
    </div>
    <div
    id="form:HeaderFrag:fragContainer:topRowContainer:topRowBlock:userContainerBlock:progressBarBlock:progressBar1_failedStateContainer"
    dojoattachpoint="failedStateContainer" class="failure_sun4 hidden_sun4">
    <div
    id="form:HeaderFrag:fragContainer:topRowContainer:topRowBlock:userContainerBlock:progressBarBlock:progressBar1_failedLabelContainer"
    dojoattachpoint="failedLabelContainer" class="failureLabel_sun4
    hidden_sun4"> </div>
    </div>
    <div
    id="form:HeaderFrag:fragContainer:topRowContainer:topRowBlock:userContainerBlock:progressBarBlock:progressBar1_rightControlsContainer"
    dojoattachpoint="rightControlsContainer" class="buttonsRight_sun4
    hidden_sun4"> </div>
    <div class="clear_sun4"> </div>
    <div valuenow="-2147483648"
    id="form:HeaderFrag:fragContainer:topRowContainer:topRowBlock:userContainerBlock:progressBarBlock:progressBar1_bottomTextContainer"
    dojoattachpoint="bottomTextContainer" class="statusLabel_sun4
    hidden_sun4" role="wairole:progressbar" waistate:valuenow="0"
    waistate:valuemin="0" waistate:valuemax="100"> </div>
    <div
    id="form:HeaderFrag:fragContainer:topRowContainer:topRowBlock:userContainerBlock:progressBarBlock:progressBar1_bottomControlsContainer"
    dojoattachpoint="bottomControlsContainer" class="buttonsBottom_sun4
    hidden_sun4"> </div>
    <div
    id="form:HeaderFrag:fragContainer:topRowContainer:topRowBlock:userContainerBlock:progressBarBlock:progressBar1_logContainer"
    dojoattachpoint="logContainer" class="log_sun4 hidden_sun4"> </div>
      <input name="form:HeaderFrag:fragContainer:topRowContainer:topRowBlock:userContainerBlock:progressBarBlock:progressBar1_controlType" id="form:HeaderFrag:fragContainer:topRowContainer:topRowBlock:userContainerBlock:progressBarBlock:progressBar1_controlType" dojoattachpoint="hiddenFieldNode" type="hidden">
    </div>

the important piece is:

    <div dojoattachpoint="busyImageContainer" class="busy_sun4">
      <img src="/nms/theme/com/sun/webui/jsf/suntheme/images/progressBar/asynch-1F.gif" alt="Busy Indicator" id="form:HeaderFrag:fragContainer:topRowContainer:topRowBlock:userContainerBlock:progressBarBlock:progressBar1_busy" widgetid="form:HeaderFrag:fragContainer:topRowContainer:topRowBlock:userContainerBlock:progressBarBlock:progressBar1_busy" dojoattachpoint="domNode" border="0" height="30" width="30">
    </div>

which provides specifies the image that should appear which overrides
the background image specified in:

    <div style="background-image:
    url(/nms/shared/fragments/resources/asynch-1F.gif);"
    id="form:HeaderFrag:fragContainer:topRowContainer:topRowBlock:userContainerBlock:progressBarBlock:progressBar1_innerBarContainer"
    dojoattachpoint="innerBarContainer"> </div>

Animesh Sahay wrote:
> You can use the progressImageUrl attribute to set a new busy indicator
> image. Also you can set the height and width attribute for busy
> indicator using the height and width property of ProgressBar.
>
> <webuijsf:progressBar binding="#{Page1.progressBar1}" height="30"
> id="progressBar1" progressImageUrl="/resources/busy1.gif"
> style="position: absolute; left: 120px;
> top: 144px" type="BUSY" width="30"/>
>
> Thanks!
> Animesh
>
> On 12/3/07, Brett M. Bergquist <bbergquist_at_canoga.com> wrote:
>
>> I need to substitute a new icon for ProgressBar that is configured as a
>> Busy ProgressBar. There is a property to set an icon for a ProgressBar
>> that is indeterminate but no such property for one that is configured as
>> Busy. So what is the best way to change this? Build a custom woodstock
>> source with a different icon? Build a special theme?
>>
>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: users-unsubscribe_at_woodstock.dev.java.net
>> For additional commands, e-mail: users-help_at_woodstock.dev.java.net
>>
>>
>>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe_at_woodstock.dev.java.net
> For additional commands, e-mail: users-help_at_woodstock.dev.java.net
>
>
>
>