Welcome Guest Search | Active Topics | Sign In | Register

Progress Bar Custom Skin Problem! Options
d347hm4n
Posted: Thursday, April 30, 2009 4:11:34 AM
Rank: Newbie
Groups: Member

Joined: 4/27/2009
Posts: 6
Hello again!

I've been trying to re-skin the Progress Bar control as per the instructions in the help and in the tutorial.

I believe that I have found a bug, because no matter what I try, I can't get it to work.

Here is my markup:

Code:

<eo:ProgressBar ID="ProgressBar1" runat="server"
                 Width="273px"
             Visible="true" RepeatIndicatorImage="True" Height="17px"                    ShowPercentage="true" 
              BackgroundImage="Style\BackgroundImage.jpg"
              BackgroundImageRight="Style\BackgroundImageRight.jpg"
              BackgroundImageLeft="Style\BackgroundImageLeft.jpg"
              IndicatorImage="Style\Indicator.jpg">
</eo:ProgressBar>


And the files:

BackgroundImage:
http://www.lookpic.com/files/BackgroundImage.jpg


BackgroundImageWide:
http://www.lookpic.com/files/BackgroundImageWide.jpg


BackgroundImageLeft:
http://www.lookpic.com/files/BackgroundImageLeft.jpg


BackgroundImageRight:
http://www.lookpic.com/files/BackgroundImageRight.jpg


IndicatorImage:
http://www.lookpic.com/files/Indicator.jpg


Essentially I've re-skinned the Vista Progress bar from the green on grey to green on red.

When I build the control in VS2008 and have all of the image files the designer renders the control correctly.

When I compile and run, the background image never renders.

I though it might be something to do with the image file, image width, file type (I've tried .png and .jpg(Same with either or)) But i simply believe that the background image property is broken.

If I swap the backgroundimage for the indicator image, I get red progress bar instead of a green one, but the indicator image still doesn't render as the background image.

If I have spotted a bug then excellent. If there is something trivially small that I have made a mistake with then ^^.

Thanks.

d3

eo_support
Posted: Thursday, April 30, 2009 9:31:53 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

Try to use an absolute path instead of a relative path. For example:

"/Style/BackgroundImage.jpg"

Instead of

"Style/BackgroundImage.jpg"

Note the starting slash in the first one. Also make sure you use "/" instead of "\". FireFox does not like "\".

Thanks!
d347hm4n
Posted: Thursday, April 30, 2009 10:39:52 AM
Rank: Newbie
Groups: Member

Joined: 4/27/2009
Posts: 6
How blindingly simple of a solution!

Thanks very much.

You'll be pleased to see the back of me now ;-)

Greetings from the UK.
eo_support
Posted: Thursday, April 30, 2009 10:45:48 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Cool. Glad it worked out for you!


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.