Rename layout
This commit is contained in:
129
layout.xaml
Normal file
129
layout.xaml
Normal file
@@ -0,0 +1,129 @@
|
||||
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
Title="InstaClient - SVS Tools"
|
||||
Height="550" Width="480"
|
||||
WindowStartupLocation="CenterScreen"
|
||||
Background="#1e1e2f"
|
||||
ResizeMode="NoResize"
|
||||
FontFamily="Segoe UI">
|
||||
|
||||
<Window.Resources>
|
||||
<!-- Rounded TextBox style -->
|
||||
<Style x:Key="RoundedTextBox" TargetType="TextBox">
|
||||
<Setter Property="Background" Value="#2d2d3a"/>
|
||||
<Setter Property="Foreground" Value="White"/>
|
||||
<Setter Property="Padding" Value="10,6"/>
|
||||
<Setter Property="BorderBrush" Value="#3f3f3f"/>
|
||||
<Setter Property="BorderThickness" Value="1"/>
|
||||
<Setter Property="FontSize" Value="14"/>
|
||||
<Setter Property="Height" Value="34"/>
|
||||
<Setter Property="Margin" Value="0,4,0,4"/>
|
||||
<Setter Property="Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate TargetType="TextBox">
|
||||
<Border CornerRadius="10" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
|
||||
<ScrollViewer x:Name="PART_ContentHost"/>
|
||||
</Border>
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
</Style>
|
||||
|
||||
<!-- Fancy animated button -->
|
||||
<Style x:Key="FancyButton" TargetType="Button">
|
||||
<Setter Property="Background" Value="#007bff"/>
|
||||
<Setter Property="Foreground" Value="White"/>
|
||||
<Setter Property="FontWeight" Value="SemiBold"/>
|
||||
<Setter Property="Padding" Value="8,4"/>
|
||||
<Setter Property="Cursor" Value="Hand"/>
|
||||
<Setter Property="BorderThickness" Value="0"/>
|
||||
<Setter Property="Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate TargetType="Button">
|
||||
<Border x:Name="buttonBorder" CornerRadius="8" Background="{TemplateBinding Background}">
|
||||
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
|
||||
</Border>
|
||||
<ControlTemplate.Triggers>
|
||||
<Trigger Property="IsMouseOver" Value="True">
|
||||
<Trigger.EnterActions>
|
||||
<BeginStoryboard>
|
||||
<Storyboard>
|
||||
<ColorAnimation Storyboard.TargetName="buttonBorder" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" To="#0056b3" Duration="0:0:0.2"/>
|
||||
</Storyboard>
|
||||
</BeginStoryboard>
|
||||
</Trigger.EnterActions>
|
||||
<Trigger.ExitActions>
|
||||
<BeginStoryboard>
|
||||
<Storyboard>
|
||||
<ColorAnimation Storyboard.TargetName="buttonBorder" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" To="#007bff" Duration="0:0:0.2"/>
|
||||
</Storyboard>
|
||||
</BeginStoryboard>
|
||||
</Trigger.ExitActions>
|
||||
</Trigger>
|
||||
<Trigger Property="IsPressed" Value="True">
|
||||
<Setter TargetName="buttonBorder" Property="Background" Value="#003f88"/>
|
||||
</Trigger>
|
||||
</ControlTemplate.Triggers>
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
</Style>
|
||||
|
||||
<!-- Modern toggle-style CheckBox -->
|
||||
<Style x:Key="ModernCheckBox" TargetType="CheckBox">
|
||||
<Setter Property="Foreground" Value="White"/>
|
||||
<Setter Property="Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate TargetType="CheckBox">
|
||||
<StackPanel Orientation="Horizontal" VerticalAlignment="Center">
|
||||
<Grid Width="40" Height="22" Margin="0,0,8,0">
|
||||
<Border x:Name="SwitchBorder" Background="#555" CornerRadius="11"/>
|
||||
<Ellipse x:Name="SwitchKnob" Fill="White" Width="18" Height="18" Margin="2" HorizontalAlignment="Left"/>
|
||||
</Grid>
|
||||
<ContentPresenter VerticalAlignment="Center" RecognizesAccessKey="True"/>
|
||||
</StackPanel>
|
||||
<ControlTemplate.Triggers>
|
||||
<Trigger Property="IsChecked" Value="True">
|
||||
<Setter TargetName="SwitchBorder" Property="Background" Value="#28a745"/>
|
||||
<Setter TargetName="SwitchKnob" Property="HorizontalAlignment" Value="Right"/>
|
||||
</Trigger>
|
||||
</ControlTemplate.Triggers>
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
</Style>
|
||||
</Window.Resources>
|
||||
|
||||
<Grid Margin="20">
|
||||
<StackPanel Orientation="Vertical">
|
||||
<!-- Logo at top -->
|
||||
<Image Source="https://i.ibb.co/vCTJYn2j/svs-logo-nav-wh.png" Height="60" HorizontalAlignment="Center" Margin="0,0,0,10"/>
|
||||
|
||||
<!-- Title -->
|
||||
<TextBlock Text="Provision Client" FontSize="20" FontWeight="SemiBold" Foreground="White" HorizontalAlignment="Center" Margin="0,0,0,10"/>
|
||||
|
||||
<!-- Main Content -->
|
||||
<StackPanel Orientation="Vertical">
|
||||
<TextBlock Text="Company Name:" Margin="0,5,0,0" Foreground="#cccccc"/>
|
||||
<TextBox Name="CompanyNameBox" Style="{StaticResource RoundedTextBox}"/>
|
||||
|
||||
<TextBlock Name="PhoneLabel" Text="Phone Number:" Margin="0,10,0,0" Foreground="#cccccc"/>
|
||||
<TextBox Name="PhoneBox" Style="{StaticResource RoundedTextBox}"/>
|
||||
|
||||
<CheckBox Name="SelectAllBox" Content="Select All Tools" Margin="0,15,0,0" FontWeight="Bold" Foreground="White" Style="{StaticResource ModernCheckBox}"/>
|
||||
|
||||
<StackPanel Margin="10,5,0,0">
|
||||
<CheckBox Name="AutotaskBox" Content="Autotask" Margin="0,4" Style="{StaticResource ModernCheckBox}"/>
|
||||
<CheckBox Name="DattoBox" Content="Datto RMM" Margin="0,4" Style="{StaticResource ModernCheckBox}"/>
|
||||
</StackPanel>
|
||||
|
||||
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0,25,0,0">
|
||||
<Button Name="LoginBtn" Content="Login with Microsoft" Width="180" Height="38" Margin="5" Style="{StaticResource FancyButton}"/>
|
||||
<Button Name="SubmitBtn" Content="Provision Now" Width="120" Height="38" Margin="5" Style="{StaticResource FancyButton}"/>
|
||||
</StackPanel>
|
||||
|
||||
<TextBlock Name="StatusBlock" Foreground="LightGreen" TextAlignment="Center" Margin="0,15,0,0"/>
|
||||
</StackPanel>
|
||||
</StackPanel>
|
||||
</Grid>
|
||||
</Window>
|
||||
Reference in New Issue
Block a user