RoundButton not showing

Mar 18, 2013 at 1:29 PM
Hi guys

I try Coding4Fun Toolkit for windows phone and I'm trying to display a RoundButton, but when I deploy it to my Device it shows me a blank square?

I'm I doing something wrong?
Coordinator
Mar 18, 2013 at 3:58 PM
can you share XAML part of what you're doing / create a ticket with a repro?
Mar 18, 2013 at 4:01 PM
Edited Mar 18, 2013 at 4:01 PM
The XAML is:
    <phone:PhoneApplicationPage 
x:Class="Routr.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
xmlns:Controls="clr-namespace:Coding4Fun.Toolkit.Controls;assembly=Coding4Fun.Toolkit.Controls"
mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800" 
d:DataContext="{d:DesignData SampleData/MainViewModelSampleData.xaml}"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
SupportedOrientations="PortraitOrLandscape"  Orientation="Portrait"
shell:SystemTray.IsVisible="False">

<!--LayoutRoot is the root grid where all page content is placed-->
<Grid x:Name="LayoutRoot" Background="Transparent">

    <!--Panorama control-->
    <controls:Panorama Title="routr">
        <controls:Panorama.Background>
            <ImageBrush ImageSource="PanoramaBackground.png"/>
        </controls:Panorama.Background>

        <!--Panorama item two-->
        <!--Use 'Orientation="Horizontal"' to enable a panel that lays out horizontally-->
        <controls:PanoramaItem Header="explore">
            <Grid>
                <TextBox Name="txtExplore" Height="70" Margin="0,0,68,428"/>
                <!--Double line list with image placeholder and text wrapping-->
                <ListBox Margin="0,80,0,0" ItemsSource="{Binding Items}">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal" Margin="0,0,0,17">
                                <!--Replace rectangle with image-->
                                <Rectangle Height="100" Width="100" Fill="#FFE5001b" Margin="12,0,9,0"/>
                                <StackPanel Width="311">
                                    <TextBlock Text="{Binding LineOne}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}"/>
                                    <TextBlock Text="{Binding LineTwo}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>
                                </StackPanel>
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>
                <Controls:RoundButton ImageSource="/Assets/appbar.feature.search.rest.png" Margin="343,8,10,430" />
            </Grid>
        </controls:PanoramaItem>

    </controls:Panorama>
</Grid>
    </phone:PhoneApplicationPage>
Coordinator
Mar 18, 2013 at 4:21 PM
You gave it an icon that doesn't exist OR you need to set a Stretch on the image
Coordinator
Mar 18, 2013 at 4:23 PM
Also, if you want a bit more "reusable" XAML, try this:
<StackPanel>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <TextBox Grid.Column="0" Name="txtExplore" />
        <Controls:RoundButton Grid.Column="1" Stretch="Uniform" ImageSource="/Assets/ApplicationIcon.png" VerticalAlignment="Bottom" />
    </Grid>
</StackPanel>
Mar 18, 2013 at 4:45 PM
Edited Mar 18, 2013 at 4:46 PM
Thanks for the tip on the "reusable" XAML ;)

But I still get the blank square instead of the button. don't know if helps, but in VS 2012 the image is visible, the square appears only on emulator and device.
Coordinator
Mar 18, 2013 at 4:58 PM
can you create a ticket http://coding4fun.codeplex.com/WorkItem/Create and with a stripped down project zipped up so I do a bit more debugging directly on it?
Mar 18, 2013 at 5:11 PM
I changed the folder and file name and it seemed to have fixed the issue.
Thanks for your time crutkas.
Coordinator
Mar 18, 2013 at 5:52 PM
woot, glad it is resolved.