Codejock Developer Community : COM - VB - XAML Progressbar Demo http://forum.codejock.com/ Copyright (c) 2006-2013 Web Wiz Forums - All Rights Reserved. Tue, 12 May 2026 20:07:32 +0000 Wed, 11 Jun 2008 13:10:16 +0000 http://blogs.law.harvard.edu/tech/rss Web Wiz Forums 12.04 360 forum.codejock.com/RSS_post_feed.asp?TID=11171 <![CDATA[Codejock Developer Community]]> http://forum.codejock.com/forum_images/codejock-logo.gif http://forum.codejock.com/ <![CDATA[COM - VB - XAML Progressbar Demo : Modified to use a triple gradient...]]> http://forum.codejock.com/forum_posts.asp?TID=11171&PID=36576&title=com-vb-xaml-progressbar-demo#36576 Author: jpbro
Subject: 11171
Posted: 11 June 2008 at 1:10pm

Modified to use a triple gradient (to appear as though the gradient expands from the center point).
 

uploads/20080611_130840_ClickProgressCe.zip
 
Output:
 

]]> Wed, 11 Jun 2008 13:10:16 +0000 http://forum.codejock.com/forum_posts.asp?TID=11171&PID=36576&title=com-vb-xaml-progressbar-demo#36576 <![CDATA[COM - VB - XAML Progressbar Demo : And for a bit more fun, here&#039;s...]]> http://forum.codejock.com/forum_posts.asp?TID=11171&PID=36575&title=com-vb-xaml-progressbar-demo#36575 Author: jpbro
Subject: 11171
Posted: 11 June 2008 at 1:00pm

And for a bit more fun, here's a progress bar that expands from the center (including mouse support) instead of from the left edge. This is just on a label (not a ReportControl).


uploads/20080611_125940_ClickProgressCe.zip

 
Output:
 

]]> Wed, 11 Jun 2008 13:00:41 +0000 http://forum.codejock.com/forum_posts.asp?TID=11171&PID=36575&title=com-vb-xaml-progressbar-demo#36575 <![CDATA[COM - VB - XAML Progressbar Demo : Hi, I&#039;ve made some modifications...]]> http://forum.codejock.com/forum_posts.asp?TID=11171&PID=36569&title=com-vb-xaml-progressbar-demo#36569 Author: jpbro
Subject: 11171
Posted: 11 June 2008 at 11:47am

Hi,

I've made some modifications to get the progress bar working with MouseDown/Move detecting for setting the percentage using the mouse.


uploads/20080611_114147_prg2.zip
 
 
Output:
 
]]> Wed, 11 Jun 2008 11:47:03 +0000 http://forum.codejock.com/forum_posts.asp?TID=11171&PID=36569&title=com-vb-xaml-progressbar-demo#36569 <![CDATA[COM - VB - XAML Progressbar Demo : Hi Jason Thanks for updating...]]> http://forum.codejock.com/forum_posts.asp?TID=11171&PID=36562&title=com-vb-xaml-progressbar-demo#36562 Author: Aaron
Subject: 11171
Posted: 11 June 2008 at 10:53am

Hi Jason
 
Thanks for updating MarkUpProgress string, this is going into the right direction
 
 
uploads/20080611_142810_TestProgressRC.zip (V1.02)
 
 
Output:
 
]]> Wed, 11 Jun 2008 10:53:08 +0000 http://forum.codejock.com/forum_posts.asp?TID=11171&PID=36562&title=com-vb-xaml-progressbar-demo#36562 <![CDATA[COM - VB - XAML Progressbar Demo : Just for fun I put together a...]]> http://forum.codejock.com/forum_posts.asp?TID=11171&PID=36560&title=com-vb-xaml-progressbar-demo#36560 Author: jpbro
Subject: 11171
Posted: 11 June 2008 at 10:33am

Just for fun I put together a little demo that allows you to click anywhere on a markup enabled label and it will draw the progress bar at that position (drag left & right to decrease/increase percent). I haven't used the ReportControl yet, so I don't know how it responds to MouseDown/Move events for cells, but if it does this similar to a Label control, then this code should be usable with the ReportControl with minor modifications.

uploads/20080611_103209_ClickProgress.zip
 
 
Output:
 
]]> Wed, 11 Jun 2008 10:33:15 +0000 http://forum.codejock.com/forum_posts.asp?TID=11171&PID=36560&title=com-vb-xaml-progressbar-demo#36560 <![CDATA[COM - VB - XAML Progressbar Demo : Here&#039;s a variation on the...]]> http://forum.codejock.com/forum_posts.asp?TID=11171&PID=36559&title=com-vb-xaml-progressbar-demo#36559 Author: jpbro
Subject: 11171
Posted: 11 June 2008 at 10:08am

Here's a variation on the last markup example where the % text appearsin the center of the entire bar rather than the progress portion.(Note: This is just the XAML portion as I entered into the MarkupPad,it has not been reformatted for your sample):



<StackPanel Height='30px' HorizontalAlignment='Center'>
    <Grid>
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="100px"/>
        </Grid.ColumnDefinitions>
        <Border Grid.Column='0' Width='100px' Background='Blue' BorderThickness='1px' BorderBrush='#5E7293'>
            <Border.Background>
                <LinearGradientBrush StartPoint="0, 0" EndPoint="0,1">
                    <GradientStop Color="#C0CBDF" Offset="0"/>
                    <GradientStop Color="#DCE9FA" Offset="1"/>
                </LinearGradientBrush>        
            </Border.Background>
        </Border>
        <Border Grid.Column='0' Width='50px' HorizontalAlignment='Left' BorderThickness='1px' BorderBrush='#5E7293'>
            <Border.Background>    
                <LinearGradientBrush StartPoint="0, 0" EndPoint="1,0">
                    <GradientStop Color="#658C4B" Offset="0"/>
                    <GradientStop Color="#A4DB64" Offset="1"/>
                </LinearGradientBrush>        
            </Border.Background>
        </Border>
        <Border Grid.Column='0'>
            <TextBlock HorizontalAlignment='Center' Foreground='White'><Bold>50%</Bold></TextBlock>
        </Border>
    </Grid>
</StackPanel>


I used a StackPanel to control the height, but I think you could remove it for the ReportControl to fill the available space. The Grid element allows the progress bar to be layered (background, progress, text) by assigning each Border element to the same grid cell. I'm not sure if this is the best way to accomplish the goal, but it works.

Here's the output:


]]> Wed, 11 Jun 2008 10:08:42 +0000 http://forum.codejock.com/forum_posts.asp?TID=11171&PID=36559&title=com-vb-xaml-progressbar-demo#36559 <![CDATA[COM - VB - XAML Progressbar Demo : I tried some markup, in hopes...]]> http://forum.codejock.com/forum_posts.asp?TID=11171&PID=36515&title=com-vb-xaml-progressbar-demo#36515 Author: jpbro
Subject: 11171
Posted: 10 June 2008 at 3:18pm

I tried some markup, in hopes that you could use the Border tag to create a basic progress bar without needing to know the rectangle of the cell...unfortunately, it seems that the current implementation makes no distinction between PX and % after a value (probably the same as the PX/PT issue mentioned in another thread). So:


<Page xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'>
  <Border BorderBrush='Blue' BorderThickness='1px' Height='18px' Width='200px'>
    <Border HorizontalAlignment='Left' BorderBrush='Blue' Background='Blue' Width='100%'>
    </Border>
  </Border>
</Page>


Output:

Even though you would expect Width='100%' to fill the entire box. It turns out the 100% is interpreted as 100px, so this won't work. You could however manually calculate the required pixels for a particular percentage and use the code above for a simple progress bar. (NOTE: ditch the Width & Height attributes in the first border to fill the available area)..

]]> Tue, 10 Jun 2008 15:18:42 +0000 http://forum.codejock.com/forum_posts.asp?TID=11171&PID=36515&title=com-vb-xaml-progressbar-demo#36515