How to put a white border to Black ellipse in windows phone 8

Question

enter image description here

I am using the above given popup in my windows phone 8 application. My issue is for the black color list item, it is not possible to differentiate the item from other items. So my question is how i can put a rounded white border to this particular black list item.

Here is the template what i am using in my application.

  <DataTemplate x:Key="ColorListTemplate">
    <Grid Height="70" Margin="0,0,0,5" toolkit:TiltEffect.IsTiltEnabled="True">
        <StackPanel Orientation="Horizontal">
            <Ellipse Height="52" Width="52" Fill="{Binding SelectedColor}"/>
            <TextBlock  Text="{Binding ColorName}" Margin="32,0" FontSize="34" Style="{StaticResource NormalText}"/>
            <CheckBox IsChecked="{Binding CheckedStatus}" Style="{StaticResource            CheckBoxStyle}" IsHitTestVisible="False"/>
        </StackPanel>
    </Grid>
</DataTemplate>

Anyone please help me to design my requirement.

Could you just set the stroke on the ellipse elements, `` – sa_ddam213 Aug 09 '13 at 07:58 — sa_ddam213, Aug 09 '13 at 07:58
If you add this as answer, i can mark it as answered – Nitha Paul Aug 09 '13 at 08:05 — Nitha Paul, Aug 09 '13 at 08:05

score 18 · Accepted Answer · answered Aug 09 '13 at 08:27

18

You could set a colored Stroke on the Ellipse elements to make it stand out on the black background.

Example:

 <Ellipse Height="52" Width="52" Fill="{Binding SelectedColor}" Stroke="White" StrokeThickness="1"/>

answered Aug 09 '13 at 08:27

sa_ddam213

42,848
7
101
110

How to put a white border to Black ellipse in windows phone 8

1 Answers1

Linked