diff --git a/BallanceTasEditor/BallanceTasEditor/App.xaml b/BallanceTasEditor/BallanceTasEditor/App.xaml
index 16b1f43..2d2de7c 100644
--- a/BallanceTasEditor/BallanceTasEditor/App.xaml
+++ b/BallanceTasEditor/BallanceTasEditor/App.xaml
@@ -7,7 +7,6 @@
         <ResourceDictionary>
             <ResourceDictionary.MergedDictionaries>
                 <ResourceDictionary Source="/Frontend/Styles/AccessoryIconControl.xaml"/>
-                <ResourceDictionary Source="/Frontend/Styles/NoteBanner.xaml"/>
                 <ResourceDictionary Source="/Frontend/Styles/GenericButton.xaml"/>
                 <ResourceDictionary Source="/Frontend/Styles/TextboxErrorTemplate.xaml"/>
             </ResourceDictionary.MergedDictionaries>
diff --git a/BallanceTasEditor/BallanceTasEditor/Frontend/Styles/NoteBanner.xaml b/BallanceTasEditor/BallanceTasEditor/Frontend/Styles/NoteBanner.xaml
deleted file mode 100644
index 678cfd4..0000000
--- a/BallanceTasEditor/BallanceTasEditor/Frontend/Styles/NoteBanner.xaml
+++ /dev/null
@@ -1,8 +0,0 @@
-<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
-    <Style x:Key="NoteBannerStyle" TargetType="TextBlock" BasedOn="{StaticResource {x:Type TextBlock}}">
-        <Setter Property="Background" Value="#0097A7"/>
-        <Setter Property="Foreground" Value="#CDDC39"/>
-        <Setter Property="Padding" Value="10"/>
-    </Style>
-</ResourceDictionary>
\ No newline at end of file
diff --git a/BallanceTasEditor/BallanceTasEditor/Frontend/Views/AddFrameDialog.xaml b/BallanceTasEditor/BallanceTasEditor/Frontend/Views/AddFrameDialog.xaml
index 4961901..cd89ada 100644
--- a/BallanceTasEditor/BallanceTasEditor/Frontend/Views/AddFrameDialog.xaml
+++ b/BallanceTasEditor/BallanceTasEditor/Frontend/Views/AddFrameDialog.xaml
@@ -5,9 +5,11 @@
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         xmlns:local="clr-namespace:BallanceTasEditor.Frontend.Views"
         xmlns:vm="clr-namespace:BallanceTasEditor.Frontend.ViewModels"
+        xmlns:conveter="clr-namespace:BallanceTasEditor.Frontend.Converters"
+        xmlns:widget="clr-namespace:BallanceTasEditor.Frontend.Widgets"
         d:DataContext="{d:DesignInstance vm:AddFrameDialog}"
         mc:Ignorable="d" WindowStartupLocation="CenterOwner" ResizeMode="NoResize" ShowInTaskbar="False"
-        Title="Add Frame" Height="250" Width="400" Icon="/Frontend/Assets/AddFrame.ico">
+        Title="Add Frame" Height="250" Width="400" Icon="/Frontend/Assets/App.ico">
     <Grid>
         <Grid.RowDefinitions>
             <RowDefinition Height="auto"/>
@@ -15,8 +17,9 @@
             <RowDefinition Height="auto"/>
         </Grid.RowDefinitions>
 
-        <TextBlock Grid.Row="0" Text="Add frames with given FPS and frame count." 
-                   Style="{StaticResource NoteBannerStyle}"/>
+        <widget:BannerBar Grid.Row="0"
+                          BannerText="Add frames with given FPS and frame count."
+                          BannerIcon="/Frontend/Assets/AddFrame.ico"/>
 
         <Grid Grid.Row="1">
             <Grid.RowDefinitions>
@@ -45,9 +48,15 @@
                 <TextBlock Margin="5" Grid.Column="1" Grid.Row="1" Text="FPS" VerticalAlignment="Center"/>
                 <TextBlock Margin="5" Grid.Column="1" Grid.Row="2" Text="Delta Time" VerticalAlignment="Center"/>
 
-                <TextBox Margin="5" Padding="3" Grid.Row="0" Grid.Column="2" VerticalAlignment="Center"/>
-                <TextBox Margin="5" Padding="3" Grid.Row="1" Grid.Column="2" VerticalAlignment="Center"/>
-                <TextBlock Margin="5" Padding="3" Grid.Row="2" Grid.Column="2" VerticalAlignment="Center" Text="N/A"/>
+                <TextBox Margin="5" Padding="3" Grid.Row="0" Grid.Column="2" VerticalAlignment="Center"
+                         Text="{Binding Count, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnNotifyDataErrors=True}"
+                         Style="{StaticResource TextBoxWithErrorNotifyStyle}"/>
+                <TextBox Margin="5" Padding="3" Grid.Row="1" Grid.Column="2" VerticalAlignment="Center"
+                         Text="{Binding Fps, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnNotifyDataErrors=True}"
+                         Style="{StaticResource TextBoxWithErrorNotifyStyle}"/>
+                <TextBlock Margin="5" Padding="3" Grid.Row="2" Grid.Column="2" VerticalAlignment="Center"
+                           Text="{Binding Fps, Mode=OneWay, Converter={x:Static conveter:StringifiedDeltaTimeConverter.Instance}}"
+                           Validation.ErrorTemplate="{x:Null}"/>
 
             </Grid>
         </Grid>
diff --git a/BallanceTasEditor/BallanceTasEditor/Frontend/Views/EditFpsDialog.xaml b/BallanceTasEditor/BallanceTasEditor/Frontend/Views/EditFpsDialog.xaml
index c440824..5e999da 100644
--- a/BallanceTasEditor/BallanceTasEditor/Frontend/Views/EditFpsDialog.xaml
+++ b/BallanceTasEditor/BallanceTasEditor/Frontend/Views/EditFpsDialog.xaml
@@ -5,9 +5,11 @@
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         xmlns:local="clr-namespace:BallanceTasEditor.Frontend.Views"
         xmlns:vm="clr-namespace:BallanceTasEditor.Frontend.ViewModels"
+        xmlns:conveter="clr-namespace:BallanceTasEditor.Frontend.Converters"
+        xmlns:widget="clr-namespace:BallanceTasEditor.Frontend.Widgets"
         d:DataContext="{d:DesignInstance vm:EditFpsDialog}"
         mc:Ignorable="d" WindowStartupLocation="CenterOwner" ResizeMode="NoResize" ShowInTaskbar="False"
-        Title="Edit FPS" Height="220" Width="400" Icon="/Frontend/Assets/SetFps.ico">
+        Title="Edit FPS" Height="220" Width="400" Icon="/Frontend/Assets/App.ico">
     <Grid>
         <Grid.RowDefinitions>
             <RowDefinition Height="auto"/>
@@ -15,8 +17,9 @@
             <RowDefinition Height="auto"/>
         </Grid.RowDefinitions>
 
-        <TextBlock Grid.Row="0" Text="Change frame delta time into your given FPS." 
-                   Style="{StaticResource NoteBannerStyle}"/>
+        <widget:BannerBar Grid.Row="0"
+                          BannerText="Change frame delta time into your given FPS."
+                          BannerIcon="/Frontend/Assets/SetFps.ico"/>
 
         <Grid Grid.Row="1">
             <Grid.RowDefinitions>
@@ -41,8 +44,12 @@
                 <TextBlock Margin="5" Grid.Column="1" Grid.Row="0" Text="FPS" VerticalAlignment="Center"/>
                 <TextBlock Margin="5" Grid.Column="1" Grid.Row="1" Text="Delta Time" VerticalAlignment="Center"/>
 
-                <TextBox Margin="5" Padding="3" Grid.Row="0" Grid.Column="2" VerticalAlignment="Center"/>
-                <TextBlock Margin="5" Padding="3" Grid.Row="1" Grid.Column="2" VerticalAlignment="Center" Text="N/A"/>
+                <TextBox Margin="5" Padding="3" Grid.Row="0" Grid.Column="2" VerticalAlignment="Center"
+                         Text="{Binding Fps, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnNotifyDataErrors=True}"
+                         Style="{StaticResource TextBoxWithErrorNotifyStyle}"/>
+                <TextBlock Margin="5" Padding="3" Grid.Row="1" Grid.Column="2" VerticalAlignment="Center"
+                           Text="{Binding Fps, Mode=OneWay, Converter={x:Static conveter:StringifiedDeltaTimeConverter.Instance}}"
+                           Validation.ErrorTemplate="{x:Null}"/>
 
             </Grid>
         </Grid>
diff --git a/BallanceTasEditor/BallanceTasEditor/Frontend/Views/GotoDialog.xaml b/BallanceTasEditor/BallanceTasEditor/Frontend/Views/GotoDialog.xaml
index 872ab38..7a1f60a 100644
--- a/BallanceTasEditor/BallanceTasEditor/Frontend/Views/GotoDialog.xaml
+++ b/BallanceTasEditor/BallanceTasEditor/Frontend/Views/GotoDialog.xaml
@@ -5,9 +5,10 @@
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
         xmlns:local="clr-namespace:BallanceTasEditor.Frontend.Views"
         xmlns:vm="clr-namespace:BallanceTasEditor.Frontend.ViewModels"
+        xmlns:widget="clr-namespace:BallanceTasEditor.Frontend.Widgets"
         d:DataContext="{d:DesignInstance vm:GotoDialog}"
         mc:Ignorable="d" WindowStartupLocation="CenterOwner" ResizeMode="NoResize" ShowInTaskbar="False"
-        Title="Goto..." Height="180" Width="400" Icon="/Frontend/Assets/Goto.ico">
+        Title="Goto..." Height="180" Width="400" Icon="/Frontend/Assets/App.ico">
     <Grid>
         <Grid.RowDefinitions>
             <RowDefinition Height="auto"/>
@@ -15,8 +16,9 @@
             <RowDefinition Height="auto"/>
         </Grid.RowDefinitions>
 
-        <TextBlock Grid.Row="0" Text="Jump into your specified index of frame." 
-                   Style="{StaticResource NoteBannerStyle}"/>
+        <widget:BannerBar Grid.Row="0"
+                          BannerText="Jump into your specified index of frame."
+                          BannerIcon="/Frontend/Assets/Goto.ico"/>
 
         <Grid Grid.Row="1">
             <Grid.RowDefinitions>