|
304 | 304 | <!-- Toggled usages --> |
305 | 305 | <controls:SamplePanel Header="Toggled usages"> |
306 | 306 | <controls:SamplePanel.MainContent> |
307 | | - <Grid ColumnSpacing="24" RowSpacing="24"> |
308 | | - <Grid.RowDefinitions> |
309 | | - <RowDefinition /> |
310 | | - <RowDefinition /> |
311 | | - <RowDefinition /> |
312 | | - <RowDefinition /> |
313 | | - </Grid.RowDefinitions> |
314 | | - <Grid.ColumnDefinitions> |
315 | | - <ColumnDefinition Width="Auto" /> |
316 | | - <ColumnDefinition Width="*" /> |
317 | | - </Grid.ColumnDefinitions> |
| 307 | + <StackPanel Spacing="12"> |
318 | 308 |
|
319 | | - <!-- Grid Row Headers --> |
320 | | - <TextBlock |
321 | | - Grid.Row="0" |
322 | | - Grid.Column="0" |
323 | | - VerticalAlignment="Center" |
324 | | - Text="HighContrast Manual Toggle" /> |
| 309 | + <TextBlock Text="HighContrast Manual Toggle:" /> |
325 | 310 |
|
326 | | - <TextBlock |
327 | | - Grid.Row="1" |
328 | | - Grid.Column="0" |
329 | | - VerticalAlignment="Center" |
330 | | - Text="ToggleBehavior On" /> |
331 | | - |
332 | | - <TextBlock |
333 | | - Grid.Row="2" |
334 | | - Grid.Column="0" |
335 | | - VerticalAlignment="Center" |
336 | | - Text="ToggleBahvior On + Disabled" /> |
337 | | - |
338 | | - <TextBlock |
339 | | - Grid.Row="3" |
340 | | - Grid.Column="0" |
341 | | - VerticalAlignment="Center" |
342 | | - Text="IsFilled" /> |
343 | | - |
344 | | - <!-- High Contrast Row 0 --> |
345 | 311 | <StackPanel |
346 | | - Grid.Row="0" |
347 | | - Grid.Column="1" |
348 | 312 | Padding="8" |
349 | 313 | Orientation="Horizontal" |
350 | 314 | Spacing="16"> |
|
362 | 326 | Style="{StaticResource IconTest}" /> |
363 | 327 | </StackPanel> |
364 | 328 |
|
365 | | - <!-- ToggleBehavior On Row 1 --> |
| 329 | + <TextBlock Text="ToggleBehavior On:" /> |
| 330 | + |
366 | 331 | <StackPanel |
367 | | - Grid.Row="1" |
368 | | - Grid.Column="1" |
369 | 332 | Padding="8" |
370 | 333 | HorizontalAlignment="Left" |
371 | 334 | Background="{ThemeResource ToggleBackground}" |
|
386 | 349 | ToggleBehavior="On" /> |
387 | 350 | </StackPanel> |
388 | 351 |
|
389 | | - <!-- ToggleBehavior On + Disabled Row 2 --> |
| 352 | + <TextBlock Text="ToggleBahvior On + Disabled:" /> |
| 353 | + |
390 | 354 | <StackPanel |
391 | | - Grid.Row="2" |
392 | | - Grid.Column="1" |
393 | 355 | Padding="8" |
394 | 356 | HorizontalAlignment="Left" |
395 | 357 | Background="{ThemeResource ToggleDisabledBackground}" |
|
413 | 375 | ToggleBehavior="On" /> |
414 | 376 | </StackPanel> |
415 | 377 |
|
416 | | - <!-- IsFilled 3 --> |
| 378 | + <TextBlock Text="IsFilled:" /> |
| 379 | + |
417 | 380 | <StackPanel |
418 | | - Grid.Row="3" |
419 | | - Grid.Column="1" |
420 | 381 | Padding="8" |
421 | 382 | Orientation="Horizontal" |
422 | 383 | Spacing="16"> |
423 | 384 | <controls:ThemedIcon |
424 | 385 | IconType="Layered" |
425 | 386 | IsFilled="{x:Bind FilledToggle.IsOn, Mode=TwoWay}" |
426 | 387 | Style="{StaticResource IconTest}" /> |
427 | | - |
428 | 388 | <controls:ThemedIcon |
429 | 389 | IconType="Outline" |
430 | 390 | IsFilled="{x:Bind FilledToggle.IsOn, Mode=TwoWay}" |
431 | 391 | Style="{StaticResource IconTest}" /> |
432 | 392 | </StackPanel> |
433 | 393 |
|
434 | | - </Grid> |
| 394 | + </StackPanel> |
435 | 395 | </controls:SamplePanel.MainContent> |
436 | 396 | <controls:SamplePanel.SideContent> |
437 | | - <StackPanel> |
| 397 | + <StackPanel Spacing="8"> |
438 | 398 |
|
439 | 399 | <ToggleSwitch |
440 | 400 | x:Name="ContrastToggle" |
441 | | - Header="High Contrast" |
| 401 | + Header="High Contrast:" |
442 | 402 | IsOn="True" /> |
443 | 403 |
|
444 | 404 | <ToggleSwitch |
445 | 405 | x:Name="FilledToggle" |
446 | | - Header="Toggle IsFilled" |
| 406 | + Header="Toggle IsFilled:" |
447 | 407 | IsOn="True" |
448 | 408 | OffContent="Default" |
449 | 409 | OnContent="Filled" /> |
|
455 | 415 | <!-- ToggleBehaviour Auto --> |
456 | 416 | <controls:SamplePanel Header="ToggleBehaviour Auto"> |
457 | 417 | <controls:SamplePanel.MainContent> |
458 | | - <Grid ColumnSpacing="24" RowSpacing="24"> |
459 | | - <Grid.RowDefinitions> |
460 | | - <RowDefinition /> |
461 | | - <RowDefinition /> |
462 | | - <RowDefinition /> |
463 | | - </Grid.RowDefinitions> |
464 | | - <Grid.ColumnDefinitions> |
465 | | - <ColumnDefinition Width="Auto" /> |
466 | | - <ColumnDefinition Width="*" /> |
467 | | - </Grid.ColumnDefinitions> |
| 418 | + <StackPanel Spacing="12"> |
468 | 419 |
|
469 | 420 | <!-- Grid Row Headers --> |
470 | 421 |
|
471 | | - <TextBlock |
472 | | - Grid.Row="0" |
473 | | - Grid.Column="0" |
474 | | - VerticalAlignment="Center" |
475 | | - Text="In ToggleButtons" /> |
476 | | - |
477 | | - <TextBlock |
478 | | - Grid.Row="1" |
479 | | - Grid.RowSpan="2" |
480 | | - Grid.Column="0" |
481 | | - VerticalAlignment="Center" |
482 | | - Text="In AppBarToggleButtons" /> |
| 422 | + <TextBlock Text="In ToggleButtons:" /> |
483 | 423 |
|
484 | | - <!-- In ToggleButtons Row 0 --> |
485 | | - <StackPanel |
486 | | - Grid.Row="0" |
487 | | - Grid.Column="1" |
488 | | - Orientation="Horizontal" |
489 | | - Spacing="16"> |
| 424 | + <StackPanel Orientation="Horizontal" Spacing="16"> |
490 | 425 | <ToggleButton |
491 | 426 | Padding="8" |
492 | 427 | AutomationProperties.Name="TestToggleButton1" |
|
526 | 461 | </ToggleButton> |
527 | 462 | </StackPanel> |
528 | 463 |
|
529 | | - <!-- In AppBarToggleButtons Row 1 and 2 --> |
530 | | - <StackPanel |
531 | | - Grid.Row="1" |
532 | | - Grid.Column="1" |
533 | | - Orientation="Horizontal" |
534 | | - Spacing="16"> |
| 464 | + <TextBlock Text="In AppBarToggleButtons:" /> |
| 465 | + |
| 466 | + <StackPanel Orientation="Horizontal" Spacing="16"> |
535 | 467 | <AppBarButton |
536 | 468 | AutomationProperties.Name="TestAppBarToggle0-1" |
537 | 469 | HighContrastAdjustment="None" |
|
578 | 510 | </AppBarToggleButton> |
579 | 511 | </StackPanel> |
580 | 512 |
|
581 | | - <StackPanel |
582 | | - Grid.Row="2" |
583 | | - Grid.Column="1" |
584 | | - Orientation="Horizontal" |
585 | | - Spacing="16"> |
| 513 | + <StackPanel Orientation="Horizontal" Spacing="16"> |
586 | 514 | <AppBarButton |
587 | 515 | AutomationProperties.Name="TestAppBarToggle1-1" |
588 | 516 | HighContrastAdjustment="None" |
|
628 | 556 | </AppBarToggleButton> |
629 | 557 | </StackPanel> |
630 | 558 |
|
631 | | - </Grid> |
| 559 | + </StackPanel> |
632 | 560 | </controls:SamplePanel.MainContent> |
633 | 561 | <controls:SamplePanel.SideContent> |
634 | 562 | <StackPanel> |
|
652 | 580 | <!-- ToggleBehaviour Off --> |
653 | 581 | <controls:SamplePanel Header="ToggleBehaviour Off"> |
654 | 582 | <controls:SamplePanel.MainContent> |
655 | | - <Grid ColumnSpacing="24" RowSpacing="24"> |
656 | | - <Grid.RowDefinitions> |
657 | | - <RowDefinition /> |
658 | | - <RowDefinition /> |
659 | | - <RowDefinition /> |
660 | | - </Grid.RowDefinitions> |
661 | | - <Grid.ColumnDefinitions> |
662 | | - <ColumnDefinition Width="Auto" /> |
663 | | - <ColumnDefinition Width="*" /> |
664 | | - </Grid.ColumnDefinitions> |
| 583 | + <StackPanel Spacing="12"> |
665 | 584 |
|
666 | | - <!-- Grid Row Headers --> |
667 | | - <TextBlock |
668 | | - Grid.Row="0" |
669 | | - Grid.Column="0" |
670 | | - VerticalAlignment="Center" |
671 | | - Text="In ToggleButtons" /> |
672 | | - |
673 | | - <TextBlock |
674 | | - Grid.Row="1" |
675 | | - Grid.RowSpan="2" |
676 | | - Grid.Column="0" |
677 | | - VerticalAlignment="Center" |
678 | | - Text="In AppBarToggleButtons" /> |
| 585 | + <TextBlock Text="In ToggleButtons:" /> |
679 | 586 |
|
680 | | - <!-- In ToggleButtons Row 0 --> |
681 | | - <StackPanel |
682 | | - Grid.Row="0" |
683 | | - Grid.Column="1" |
684 | | - Orientation="Horizontal" |
685 | | - Spacing="16"> |
| 587 | + <StackPanel Orientation="Horizontal" Spacing="16"> |
686 | 588 | <ToggleButton |
687 | 589 | Padding="8" |
688 | 590 | AutomationProperties.Name="TestToggle1-Off" |
|
722 | 624 | </ToggleButton> |
723 | 625 | </StackPanel> |
724 | 626 |
|
725 | | - <!-- In AppBarToggleButtons Row 1 and 2 --> |
726 | | - <StackPanel |
727 | | - Grid.Row="1" |
728 | | - Grid.Column="1" |
729 | | - Orientation="Horizontal" |
730 | | - Spacing="16"> |
| 627 | + <TextBlock Text="In AppBarToggleButtons:" /> |
| 628 | + |
| 629 | + <StackPanel Orientation="Horizontal" Spacing="16"> |
731 | 630 | <AppBarButton |
732 | 631 | AutomationProperties.Name="TestAppBarToggle2-1" |
733 | 632 | HighContrastAdjustment="None" |
|
847 | 746 | </AppBarToggleButton> |
848 | 747 | </StackPanel> |
849 | 748 |
|
850 | | - </Grid> |
| 749 | + </StackPanel> |
851 | 750 | </controls:SamplePanel.MainContent> |
852 | 751 | <controls:SamplePanel.SideContent> |
853 | | - <StackPanel> |
| 752 | + <StackPanel Spacing="12"> |
854 | 753 |
|
855 | 754 | <ToggleSwitch |
856 | 755 | x:Name="OffTestToggleSwitch" |
|
879 | 778 | </Grid.RowDefinitions> |
880 | 779 |
|
881 | 780 | <Grid.ColumnDefinitions> |
882 | | - <ColumnDefinition /> |
883 | | - <ColumnDefinition /> |
884 | | - <ColumnDefinition /> |
| 781 | + <ColumnDefinition Width="90" /> |
| 782 | + <ColumnDefinition Width="90" /> |
| 783 | + <ColumnDefinition Width="90" /> |
885 | 784 | </Grid.ColumnDefinitions> |
886 | 785 |
|
887 | 786 | <!-- Row 0 --> |
|
0 commit comments