Question

I have a button with width of phone width,I want that button content be image in the left corner and text after image, I put image and text into stackpanel, grid and canvas and gives HorizantalAllignment=”Left” but always the content shown in the center, how I can do what I want or which other control I can use,please help me

               <Border BorderThickness="0,0,0,2" BorderBrush="#FF479175">
                <Button Height="90" BorderThickness="0">
                    <Grid>
                        <Image Source="/HomePageDes;component/Images/main_news.png" Height="80" HorizontalAlignment="Left"  />
                        <TextBlock Text="News" />
                    </Grid>
                </Button>
            </Border>

Answer 1

Simply set HorizontalContentAlignment="Stretch" on your button. The default is centre.

Then a grid with HorizontalAlignment="Stretch" will do what you want.