Browse Source

Improve demo

pull/1133/head
Eli Arbel 9 years ago
parent
commit
31c9446429
  1. 35
      samples/ControlCatalog/Pages/ToolTipPage.xaml

35
samples/ControlCatalog/Pages/ToolTipPage.xaml

@ -4,13 +4,26 @@
<TextBlock Classes="h1">ToolTip</TextBlock>
<TextBlock Classes="h2">A control which pops up a hint when a control is hovered</TextBlock>
<StackPanel Orientation="Horizontal"
Margin="0,16,0,0"
HorizontalAlignment="Center"
Gap="16">
<CheckBox IsChecked="{Binding ElementName=Border, Path=(ToolTip.IsOpen)}"
Content="Show ToolTip" />
<Grid RowDefinitions="Auto,Auto"
ColumnDefinitions="Auto,Auto"
Margin="0,16,0,0"
HorizontalAlignment="Center">
<Border Grid.Column="0"
Grid.Row="1"
Background="{StyleResource ThemeAccentBrush}"
Margin="5"
Padding="50"
ToolTip.Tip="This is a ToolTip">
<TextBlock>Hover Here</TextBlock>
</Border>
<CheckBox Grid.Column="1"
Margin="5"
Grid.Row="0"
IsChecked="{Binding ElementName=Border, Path=(ToolTip.IsOpen)}"
Content="ToolTip Open" />
<Border Name="Border"
Grid.Column="1"
Grid.Row="1"
Background="{StyleResource ThemeAccentBrush}"
Margin="5"
Padding="50"
@ -21,14 +34,8 @@
<TextBlock Classes="h2">A control which pops up a hint when a control is hovered</TextBlock>
</StackPanel>
</ToolTip.Tip>
<TextBlock>Hover Here</TextBlock>
</Border>
<Border Background="{StyleResource ThemeAccentBrush}"
Margin="5"
Padding="50"
ToolTip.Tip="Another tip">
<TextBlock>And Here</TextBlock>
<TextBlock>ToolTip bottom placement</TextBlock>
</Border>
</StackPanel>
</Grid>
</StackPanel>
</UserControl>
Loading…
Cancel
Save