How to partial fill the rectangle within canvas in xaml - c#-4.0

Question

I have some coordinates position on which I have to show the clickable button. SO inside button i created rectangle and everything is working as expected but now I have to show partially filled rectangle inside somewhat like rectangle bottom border.
Below is the code :
<StackPanel>
<Button Width="{Binding width}" Height="{Binding height}"
ToolTipService.ToolTip="{Binding name}" Command="{Binding DataContext.EventTriggerCommand, ElementName=XYZCOORD}" CommandParameter="{Binding}">
<Button.Template>
<ControlTemplate>
<Rectangle Fill="{Binding Users_Auth_Info}" Opacity="0" Stretch="UniformToFill"/>
</ControlTemplate>
</Button.Template>
<Button.RenderTransform>
<TranslateTransform X="{Binding x}" Y="{Binding y}"/>
</Button.RenderTransform>
</Button>
<Border BorderBrush="Red" Height="{Binding Thickness_param}" BorderThickness="8">
<Border.RenderTransform>
<TranslateTransform X="{Binding x}" Y="{Binding y}"/>
</Border.RenderTransform>
</Border>
Right now I'm showing transparent rectangle with border but border is not something i want.Please advise.

Answer 1

Use button instead of border and inside that button use a rectangle. Attached the code
<StackPanel>
<Button Width="{Binding width}" Height="{Binding height}"
ToolTipService.ToolTip="{Binding name}" Command="{Binding DataContext.EventTriggerCommand, ElementName=XYZCOORD}" CommandParameter="{Binding}">
<Button.Template>
<ControlTemplate>
<Rectangle Fill="{Binding Users_Auth_Info_Color}" Opacity="0" Stretch="UniformToFill"/>
</ControlTemplate>
</Button.Template>
<Button.RenderTransform>
<TranslateTransform X="{Binding x}" Y="{Binding y}"/>
</Button.RenderTransform>
</Button>
<Button Width="{Binding width}" Height="{Binding Thickness_param}"
ToolTipService.ToolTip="{Binding name}" Command="{Binding DataContext.EventTriggerCommand, ElementName=XYZCOORD}" CommandParameter="{Binding}">
<Button.Template>
<ControlTemplate>
<Rectangle Fill="{Binding Users_Auth_Info_Color}" Stretch="UniformToFill"/>
</ControlTemplate>
</Button.Template>
<Button.RenderTransform>
<TranslateTransform X="{Binding x}" Y="{Binding y}"/>
</Button.RenderTransform>
</Button>
</StackPanel>