chore: update window actions

telerik · Sep 19, 2024 · 4864c59 · 4864c59
1 parent 61823cc
commit 4864c59
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 7 deletions.
diff --git a/examples-standalone/coffee-warehouse/src/app/app.module.ts b/examples-standalone/coffee-warehouse/src/app/app.module.ts
@@ -64,7 +64,8 @@ import { WindowModule } from '@progress/kendo-angular-dialog';
         TeamComponent,
         NumericTextboxButtonsComponent,
         SettingsListComponent,
-        MenuWindowComponent
+        MenuWindowComponent,
+        SettingsListComponent
     ],
     imports: [
         BrowserModule,

diff --git a/...arehouse/src/app/components/accessibility-menu/settings-list/settings-list.component.html b/...arehouse/src/app/components/accessibility-menu/settings-list/settings-list.component.html
@@ -3,28 +3,38 @@
         <legend>Accessibility Settings</legend>
 
         <kendo-label text="Text size:"></kendo-label>
-        <kendo-numerictextbox></kendo-numerictextbox>
-
+        <br>
+        <kendo-numeric-textbox-buttons></kendo-numeric-textbox-buttons>
+        <br>
         <kendo-label text="Color theme:"></kendo-label>
+        <br>
         <kendo-buttongroup>
             <kendo-button [toggleable]="true">Contrast</kendo-button>
             <kendo-button [toggleable]="true">Dark</kendo-button>
         </kendo-buttongroup>
+        <br>
 
         <kendo-label text="Font:"></kendo-label>
+        <br>
         <kendo-buttongroup>
             <kendo-button [toggleable]="true" (click)="changeFont('legible')">Legible Font</kendo-button>
             <kendo-button [toggleable]="true" (click)="changeFont('dyslexia')">Dyslexia Font</kendo-button>
         </kendo-buttongroup>
 
         <kendo-button [toggleable]="true">Underiline Links</kendo-button>
+        <br>
         <kendo-button [toggleable]="true">Pause Animation</kendo-button>
+        <br>
         <kendo-button [toggleable]="true">Large Size Widgets</kendo-button>
+        <br>
 
         <kendo-label text="Line Height:"></kendo-label>
-        <kendo-numerictextbox></kendo-numerictextbox>
+        <br>
+        <kendo-numeric-textbox-buttons></kendo-numeric-textbox-buttons>
+        <br>
 
         <kendo-label text="Letter Spacing:"></kendo-label>
-        <kendo-numerictextbox></kendo-numerictextbox>
+        <br>
+        <kendo-numeric-textbox-buttons></kendo-numeric-textbox-buttons>
     </fieldset>
 </form>
diff --git a/examples-standalone/coffee-warehouse/src/app/components/menu-window/menu-window.component.ts b/examples-standalone/coffee-warehouse/src/app/components/menu-window/menu-window.component.ts
@@ -15,8 +15,14 @@ import { accessibilityIcon, SVGIcon } from '@progress/kendo-svg-icons';
             [top]="top"
             [left]="left"
             [width]="400"
-            (close)="show = false;">
-            Window content
+            (close)="show = false;"
+            [resizable]="false">
+            <kendo-window-titlebar>
+                <span class="k-window-title">Accessibility Settings</span>
+                <button kendoWindowCloseAction></button>
+            </kendo-window-titlebar>
+            <app-settings-list-component>
+            </app-settings-list-component>
         </kendo-window>
     `
 })