Remove the border of image

Question

I want to remove the border of image which is displayed when i click on it .

**<Image x:Name="ImagePresenter"  Source="{StaticResource IconDocument}"  />**

          <Rectangle x:Name="focusElement" Opacity="0" Stroke="{StaticResource color_506_brush}" StrokeThickness="1" IsHitTestVisible="False" RadiusX="4" RadiusY="4"/>
        </Grid>
      </Grid>
    </ControlTemplate>
  </Setter.Value>
</Setter>

Answer 1

use CSS tag style="border:0"

Answer 2

Hi Malcolm

Adding an image to a Silverlight UserControl results in just the image with no border displaying for me.

Xaml:

<Image x:Name="ImageText" Source="TestImage.png"/>

I assume that isn't going to help you. Could you give a bit more detail in your question and see if I can find a better answer?

Answer 3

Your question is not quite clear to me as silverlight doesnt add any border to image unless something in your code tells it to.

Try setting StrokeThickness to zero. (If required modify the template to set the strokethickness to zero).

Hope this helps

Answer 4

Yes you all were right by default the image doesn't have border. As i had two columns in my defined style it was creating two rectangles for each(one for my textblock another for image).To get rid of this I used one column defination and it worked. :)

          <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
          </Grid.ColumnDefinitions>
          <Image x:Name="ImagePresenter" Grid.Column="0"  Source="{StaticResource IconDocument}" Width="15" HorizontalAlignment="Left"/>
          <TextBlock x:Name="TextPresenter" Grid.Column="0" Text="{Binding DocumentName}" Style="{StaticResource DocumentViewerOutputTextItem}" Margin="15 4 4 0"
              Visibility="{Binding IsSelected, Converter={StaticResource InvertVisibilityConverter}, RelativeSource={RelativeSource TemplatedParent}}"/>
          <TextBlock Grid.Column="0" Text="{Binding DocumentName}" Style="{StaticResource DocumentViewerOutputTextItem_MouseOver}"  Margin="15 4 4 0"
              Visibility="{Binding IsSelected, Converter={StaticResource VisibilityConverter}, RelativeSource={RelativeSource TemplatedParent}}"/>              
          <Rectangle x:Name="focusElement" Opacity="0" Stroke="{StaticResource color_506_brush}" StrokeThickness="1" IsHitTestVisible="False" RadiusX="4" RadiusY="4"/>
        </Grid>
      </Grid>
    </ControlTemplate>