Show Eul Web Ui Styleguide
Zuletzt geändert: 06.06.2026 20:19

Übersicht

Show-EulWebUiStyleguide #

ÜBERSICHT #

Öffnet einen modalen Dialog mit dem EULANDA-UI Style Guide.

SYNTAX #

Show-EulWebUiStyleguide [[-Theme] <string>] [[-Width] <int>] [[-Height] <int>] [<CommonParameters>]

BESCHREIBUNG #

Zeigt alle Web-Komponenten (Buttons, Inputs, Cards, Tabs, Tree, Grid, Charts etc.) live in einem Style-Guide-Dialog. Links die Navigationsleiste (eul-sidebar), rechts je Komponentengruppe eine eigene eul-page mit kurzer Entwickler-Beschreibung - echte Seitenumschaltung statt Anker-Scroll. Theme-Umschalter in der Aktionsleiste oben rechts. Beispiel-Daten für Tree/Listview/Grid/Charts werden erst gesetzt, wenn die jeweilige Seite sichtbar wird (sonst rendern Grid.js/Chart.js in 0px).

Dient zwei Zwecken:

  • Lebende Doku für Plugin-Entwickler (“so sieht eul-tree aus”)
  • Quality Gate für künftige UI-Änderungen: wer einen Token oder eine Komponente anfasst, sollte den Style Guide vorher und nachher vergleichen

PARAMETER #

-Theme #

Type: string
Default: 'Auto'

‘Auto’ (Default), ‘Light’ oder ‘Dark’.

-Width #

Type: int
Default: 1400

Fensterbreite in Pixel. Default 1400.

-Height #

Type: int
Default: 950

Fensterhoehe in Pixel. Default 950.

AUSGABEN #

void

BEISPIELE #

Show-EulWebUiStyleguide
Show-EulWebUiStyleguide -Theme Dark -Width 1600

HINWEISE #

Public. Setzt voraus, dass die WebView2-Runtime auf dem System installiert ist (auf Win11 immer da).