These features do not have wide scope but they surely do provide a pillar.
These features can be used directly or indirectly in development work.
These base functionalities are as in the following:
![]()
XALT | Date & Time Picker
Date and time picking can be done as in the following example:
<DatePicker Header="Select a date:"
CalendarIdentifier="IndianCalendar"
DayFormat="{}{day.integer} {dayofweek.abbreviated}" />
<TimePicker ClockIdentifier="24HourClock" />
XALT | Work Window
![]()
XALT | Flyout
If you want to make a flyout then XALT is better. It provides a more enhanced and precise way to develop a flyout, animation (in its domain) and so on.
Flyout:
<Button Content="Show">
<Button.Flyout>
<Flyout>
<StackPanel>
<TextBlock FontWeight="Light" Text="Select a name..." />
<TextBox PlaceholderText="Choose a name..." Width="300" />
<Button HorizontalAlignment="Right" Content="Rename" />
</StackPanel>
</Flyout>
</Button.Flyout>
</Button>
Or we can change a little bit in code as:
<Button Content="Show">
<Button.Flyout>
<Flyout Placement=”Right”>
<StackPanel>
<TextBlock FontWeight="Light" Text="Select a name..." />
<TextBox PlaceholderText="Choose a name..." Width="300" />
<Button HorizontalAlignment="Right" Content="Rename" />
</StackPanel>
</Flyout>
</Button.Flyout>
</Button>
XALT | Output Window
![]()
XALT | Menu Flyout
<Button Content="Show">
<Button.Flyout>
<MenuFlyout>
<MenuFlyoutItem Text="Option 2"/>
<MenuFlyoutSeparator />
<ToggleMenuFlyoutItem Text="Option 3"/>
</MenuFlyout>
</Button.Flyout>
</Button>
XALT | Resources
Whenever we talk about resources using XALT, we set our mind for these two base resources.
![]()
XALT | Static Resource
<Style TargetType="Button">
<Setter Property="Background"
Value="{StaticResource ButtonBackgroundThemeBrush}" />
<Setter Property="Foreground"
Value="{StaticResource ButtonForegroundThemeBrush}" />
<Setter Property="BorderBrush"
Value="{StaticResource ButtonBorderThemeBrush}" />
<Setter Property="BorderThickness"
Value="{StaticResource ButtonBorderThemeThickness}" />
XALT | Theme Resource
<Style TargetType="Button">
<Setter Property="Background"
Value="{ThemeResource ButtonBackgroundThemeBrush}" />
<Setter Property="Foreground"
Value="{ThemeResource ButtonForegroundThemeBrush}" />
<Setter Property="BorderBrush"
Value="{ThemeResource ButtonBorderThemeBrush}" />
<Setter Property="BorderThickness"
Value="{ThemeResource ButtonBorderThemeThickness}" />