VSTS 2008 XAML Designer Window displays control off screen and has no Scroll Bars

10-02-2008 7:03 PM |

The SL2RC0 Code below when viewed in the XAML Designer window in VSTS 2008 RTM, displays the XAML controls partially off screen. There are no Scroll Bars on the XAML Designer Window that can be used to adjust the view of the XAML Code. It is very difficult to design in XAML when much of it is displayed off screen.

I reported this bug to Microsoft Connect 10 months ago and it is still broke in SL2RC0.

<UserControl x:Class="SchoolDashboard2.RegisterTeacher"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Loaded="ImLoaded">
	<Canvas x:Name="mainCanvas">
		<Grid Canvas.Left="0" Canvas.Top="0">
			<Grid.ColumnDefinitions>
				<ColumnDefinition Width="Auto"/>
				<ColumnDefinition Width="Auto"/>
				<ColumnDefinition Width="50"/>
				<ColumnDefinition Width="Auto"/>
				<ColumnDefinition Width="Auto"/>
			</Grid.ColumnDefinitions>
			<Grid.RowDefinitions>
				<RowDefinition Height="Auto"/>
				<RowDefinition Height="10"/>
				<RowDefinition Height="Auto"/>
				<RowDefinition Height="Auto"/>
				<RowDefinition Height="Auto"/>
				<RowDefinition Height="Auto"/>
				<RowDefinition Height="Auto"/>
				<RowDefinition Height="Auto"/>
				<RowDefinition MinHeight="100"/>
				<RowDefinition Height="Auto"/>
			</Grid.RowDefinitions>
			<TextBlock Text="Register Teachers" FontSize="16" FontWeight="Bold" Foreground="Blue" HorizontalAlignment="Center" Grid.ColumnSpan="6" TextAlignment="Center" Margin="5" TextDecorations="Underline"></TextBlock>
			<TextBlock Text="School:" Grid.Row="2" FontSize="14" FontWeight="Bold" Foreground="Blue" Margin="5" />
			<TextBlock x:Name="schoolName" Text="theSchool" Grid.Row="2" Grid.Column="1" FontSize="14" FontWeight="Bold" VerticalAlignment="Center" Margin="5" MinWidth="200" />
			<TextBlock Text="Teacher:" Grid.Row="3" Grid.Column="0" FontSize="14" FontWeight="Bold" Foreground="Blue" Margin="5" VerticalAlignment="Center" />
			<TextBox x:Name="teacherName" Text="" Grid.Row="3" Grid.Column="1" FontSize="14" FontWeight="Bold" VerticalAlignment="Center" Margin="5" />
			<Image x:Name="Icon1" Grid.Column="2" Grid.Row="3" Width="16" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="1" />
			<TextBlock Text="Email:" Grid.Row="4" Grid.Column="0" FontSize="14" FontWeight="Bold" Foreground="Blue" Margin="5" VerticalAlignment="Center" />
			<TextBox x:Name="emailAddr" Text="" Grid.Row="4" Grid.Column="1" FontSize="14" FontWeight="Bold" VerticalAlignment="Center" Margin="5" />
			<TextBlock Text="Phone:" Grid.Row="5" Grid.Column="0" FontSize="14" FontWeight="Bold" Foreground="Blue" Margin="5" VerticalAlignment="Center" />
			<TextBox x:Name="phoneNum" Text="" Grid.Row="5" Grid.Column="1" FontSize="14" FontWeight="Bold" VerticalAlignment="Center" Margin="5" />
			<TextBlock Text="Grade Levels:" Grid.Row="6" Grid.Column="0" FontSize="14" FontWeight="Bold" Foreground="Blue" Margin="5" VerticalAlignment="Center" />
			<StackPanel  Grid.Row="6" Grid.Column="1" Orientation="Horizontal" Grid.ColumnSpan="3">
				<ComboBox x:Name="GL1" Margin="5" MinWidth="60" FontSize="12" FontWeight="Bold"></ComboBox>
				<TextBlock Text="to" FontWeight="Bold" FontSize="14" VerticalAlignment="Center" Margin="5" />
				<ComboBox x:Name="GL2" Margin="5" MinWidth="60" FontSize="12" FontWeight="Bold"></ComboBox>
			</StackPanel>
			<TextBlock Text="Subjects:" Grid.Row="7" Grid.Column="0" FontSize="14" FontWeight="Bold" Foreground="Blue" Margin="5" VerticalAlignment="Center" />
			<StackPanel x:Name="subjectStack" Grid.Row="7" Grid.Column="1" Grid.RowSpan="2" Margin="5">
				<ListBox x:Name="SubjectsLB" Margin="5"  MinHeight="18" >
					<TextBlock Text="" Margin="3" MinWidth="200" MinHeight="18" FontSize="12" />
				</ListBox>
				<StackPanel x:Name="AddRemoveSP" Orientation="Horizontal">
					<Button x:Name="addSubject" Margin="30,5,15,5" Click="addSubject_Click">
						<TextBlock Text="Add" Margin="2" Width="50" TextAlignment="Center" />
					</Button>
					<Button x:Name="removeSubject" Margin="15,5,10,5" Click="removeSubject_Click">
						<TextBlock Text="Remove" Margin="2" Width="50" TextAlignment="Center" />
					</Button>
				</StackPanel>
			</StackPanel>
			<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Grid.ColumnSpan="8" Grid.Row="9" >
				<Button x:Name="DiscardBTN" Margin="10,5" Padding="2" >
					<TextBlock Text="Clear" Margin="5" FontSize="14" FontWeight="Bold" />
				</Button>
				<Button x:Name="SaveBTN" Margin="10,5" Width="60" Height="30">
					<TextBlock Text="Save" Margin="5" FontSize="14" FontWeight="Bold"  />
				</Button>
				<Button x:Name="LoadBTN" Margin="10,5" Width="60" Height="30">
					<TextBlock Text="Load" Margin="5" FontSize="14" FontWeight="Bold"  />
				</Button>
			</StackPanel>
		</Grid>
	</Canvas>
</UserControl>