PRODAT PUBLIC

h1. 3950 Dashboard

Einstiegsvideo: Y:\KUNDENDATEN\CIMPCS\Intern\Arbeitsunterlagen\Schulungsvideos\Admin\Dashboard

h2. Möglichkeiten für Kunden

# Kundeneigene Erstellung von Dashboards

# Nutzung vorgefertigter ProdatStandardDashboards

# Entwicklung von kundenspezifischen Dashboards durch CIMPCS

h2. Anwendungsbeispiele

[[Dashboard Beispiele]]

h2. Erstellung

*Aufpassen:* %{color: red}beim Schließen wird nicht automatisch nach Speichern gefragt!%

* Hauptmenü-Eintrag erstellen mit *action:* @dashboard@ und *proc:* Dashboard-Kennzeichen

{{collapse(zum Beispiel)

!hauptmenu_dashboard.png!

}}

* Dashboard öffnen

* @Zahnrad@ / @Bearbeiten@

{{collapse(Aufklappen)

!dash_bearbeiten.png!

}}

* @Panel links@ / @Popupmenu@ / @Neue Seite erstellen@

{{collapse(Aufklappen)

!neue_seite.png!

}}

** und folgende Parameter eingeben:

*** Menu.Caption

*** Menu.Hint

*** Menu.ImageIndex (Passende Icon von USysModule/ImageListHot)

** die Parameter kann man später über @Panel links@ / @Popupmenu@ / @Aktuelle Seite editieren@ anpassen

** Seiten sind mit drag-n-drop miteinander kombinierbar (kann man als Baumstruktur darstellen)

{{collapse(zum Beispiel)

!tree_sites.png!

}}

h2. TileControl

* Editierte Seite auswählen

* @Zahnrad@ / @Erstellen@

{{collapse(Aufklappen)

!create_controls.png!

}}

* Parameter:

** Name (Komponentname, also Groß- und Kleinschreibung ist nicht von Bedeutung, jedoch dürfen nur Buchstaben, Zahlen und der Unterstrich verwendet werden. Der Name muss mit einem Buchstaben beginnen)

** Text 1 (oben links)

** Text 2 (oben rechts)

** Text 3 (unten links)

** Text 4 (unten rechts)

** MainMenu-Link (mm_id)

** Font.Size(1)

** Font.Size(2-4)

** ImageIndex (Glyph = False) %{color: red}[wovon geladen / wie kann man bedienen?] Vorschlag: löschen und Image von oben ausgewählter @mm_id@ laden.%

** mit Schift+Linksklick kann man die Größe anpassen (werden vorgegebene Größe nacheinander gesetzt)

** {{collapse(Beispiel)

!tilecontrol.png!

}}

h2. LayoutControl

* Editierte Seite auswählen

* @Zahnrad@ / @Erstellen@

{{collapse(Aufklappen)

!create_controls.png!

}}

* LayoutControl

* Popupmenu von LayoutControl:

** @Eigenschaften@: heir kann man aktuell nur die Höhe anpassen

** @LayoutControl-Customizer@: visuelle Layouteditor (Gruppierung, Positionierung, Ausrichtung, Umbenennung usw)

Offen: wie erzeugt man ein Split Element?

h3. Grid

* @Hinzufügen@ / @Grid@

* Popupmenu von Grid

{{collapse(Aufklappen)

!grid_popup.png!

}}

** Erste zwei Zeilen: automatisch generierte Namen von Frame und Layout zur Info

** bei SQL kann man Standard-SQL-Name eingeben oder direkte SQL-Statement:

{{collapse(zum Beispiel)

<pre><code class="sql">

SELECT

  dbrid,

  ak_nr,

  ak_bez 

FROM

  art 

LIMIT 5

</code></pre>

!grid_sql.png!

}}

** @Parent anpassen@ für Master-Detail-Beziehungstabellen geeignet, 

{{collapse(zum Beispiel)

Erstellen zweite LayoutControl mit Grid

<pre><code class="sql">

SELECT

  r_descr,

  r_unit,

  r_value 

FROM

  recnokeyword

WHERE

  r_dbrid = :dbrid

</code></pre>

und setzen Beziehung zum erstem Frame

!grid-master-detail.png!

}}

h3. Chart

* @Hinzufügen@ / @Chart@

* Popupmenu von Chart 

** Parent anpassen und SQL analor Grid (siehe oben)

** Eigenschaften:

{{collapse(Aufklappen)

!chart_popup.png!

}}

*** GroupCaption

*** x[x] (Bezeichnung und Farbe definieren)

*** y[y1](Bezeichnung und Farbe definieren)

*** [y2] (Bezeichnung und Farbe definieren) 

*** [y3] (Bezeichnung und Farbe definieren)

*** ToolBox (um Diagrammdarstellung im Laufzeit zu ändern)

*** ChartType ("Beschreibung":https://docs.devexpress.com/AspNet/15880/aspnet-webforms-controls/chart-control/concepts/creating-charts/2d-chart-types)

*** LegendPosition

** Beispiel: {{collapse(Aufklappen)

<pre><code class="sql">

SELECT

 ag_bdat,

 SUM(ag_brutto_basis_w) AS sum_brutto,

 SUM(ag_netto_basis_w) AS sum_netto

FROM

 auftg

WHERE

 ag_astat='E'

AND

 NOT ag_done

GROUP BY

 ag_bdat, ag_lkn

ORDER BY

 sum_netto DESC

LIMIT 8

</code></pre>

*Eigenschaften:*

!chart_eigenschaften.png!

*Diagramm:*

!chart_ergebniss.png!

}} 

h3. Groups

Groups können sowohl als statische Gruppierung, als auch als Registerfenster verwendet werden.

~> Layout-Control Customizer > Kontextmenü der Gruppe > Layout Direction