users@woodstock.java.net

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

From: Animesh Sahay <animesh.sahay_at_gmail.com>
Date: Wed, 5 Dec 2007 15:09:22 +0530

I have filed an issue for this problem.
https://woodstock.dev.java.net/issues/show_bug.cgi?id=968

Thanks!
Animesh

On 12/4/07, Brett M. Bergquist <bbergquist_at_canoga.com> wrote:
> 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
> >
> >
> >
> >
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe_at_woodstock.dev.java.net
> For additional commands, e-mail: users-help_at_woodstock.dev.java.net
>
>