Zuletzt bearbeitet vor einem Jahr
von Bettina Floss

Neue Layouts in SuperX 5.2: Unterschied zwischen den Versionen

(Die Seite wurde neu angelegt: „=Prinzipien= * Minimaler Einsatz von Javascript und JS-Frameworks * Maximaler Einsatz von HTML 5 / CSS / Bulma * Responsiv =Implementierung= ==Allgemeines Kom…“)
 
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(6 dazwischenliegende Versionen von einem anderen Benutzer werden nicht angezeigt)
Zeile 1: Zeile 1:
=Prinzipien=
=Prinzipien=
* Minimaler Einsatz von Javascript und JS-Frameworks
* Minimaler Einsatz von Javascript und JS-Frameworks
* Maximaler Einsatz von HTML 5 / CSS / Bulma
* Maximaler Einsatz von HTML 5 / CSS / [[Kern_Oberflaeche#Anpassung_der_bulma.css|Bulma]]
* Responsiv
* Responsiv


=Implementierung=
=Implementierung=
==Allgemeines Komponenten==
==Quellcode==
Alle eingebundenen Templates liegen im Ordner webapps/superx/xml in der Datei "nd_templates.xsl". Hier eine Übersicht wo die jew. Templates genutzt werden.
Um Templates einzusehen und eigene Kopien anzupassen benötigen Sie zunächst den Quellcode. Dieser liegt im Verzeichnis .../webapps/superx/xml und ist Teil des Kernmoduls. Sie können das aus dem [http://download.superx-projekt.de Download Bereich] herunterladen, oder direkt vom [https://git.campussource.de/git/SuperX/kern git Server] klonen.
 
Ein Template kann dann angepaßt werden, indem es in die Datei .../webapps/superx/xml/page_components_html_final.xsl übernommen wird. Der Mechanismus ist im Handbuch [[Masken-_und_Tabellengestaltung#Einzelne_Templates_anpassen|Maskenanpassung]] erläutert.
 
==Allgemeine Templates==
Alle eingebundenen Templates liegen im Ordner .../webapps/superx/xml in der Datei "nd_templates.xsl". Hier eine Übersicht wo die jew. Templates genutzt werden.
Anmerkungen zur Tabelle:
Anmerkungen zur Tabelle:
* x = Hier ist Template zu integrieren
* x = Hier ist Template zu integrieren
Zeile 13: Zeile 18:
|-
|-
! new design <br />templatename
! new design <br />templatename
! sx_<br />login
! sx_<br />start
! Menü
! Menü
! Masken
! Masken
Zeile 22: Zeile 25:
|-
|-
|'''Allgemein '''
|'''Allgemein '''
| 
| 
| 
| 
| 
| 
Zeile 31: Zeile 32:
|-
|-
| nd_pagetitle
| nd_pagetitle
| x
| x
| x
| x
| x<br />
| x<br />
Zeile 40: Zeile 39:
|-
|-
| nd_breadcrumb
| nd_breadcrumb
| 
| 
| x
| x
| x <br />
| x <br />
Zeile 49: Zeile 46:
|-
|-
|nd_infotiles
|nd_infotiles
| 
|x <br />
| 
| 
| 
| 
Zeile 58: Zeile 53:
|-
|-
|nd_modulinfo
|nd_modulinfo
| 
| 
|x
|x
|x
|x
Zeile 67: Zeile 60:
|-
|-
|'''Abfragen'''<br />
|'''Abfragen'''<br />
| 
| 
| 
| 
| 
| 
Zeile 76: Zeile 67:
|-
|-
| nd_query_subdir
| nd_query_subdir
| 
| 
| x <br />
| x <br />
| 
| 
Zeile 85: Zeile 74:
|-
|-
| nd_query_list
| nd_query_list
| 
| 
| x <br />
| x <br />
| 
| 
Zeile 94: Zeile 81:
|-
|-
|'''Buttons <br />'''
|'''Buttons <br />'''
| 
| 
| 
| 
| 
| 
Zeile 103: Zeile 88:
|-
|-
| nd_buttonbar_mask<br />
| nd_buttonbar_mask<br />
| 
| 
| 
| 
| x
| x
Zeile 112: Zeile 95:
|-
|-
|nd_buttonbar_table
|nd_buttonbar_table
|<br />
| 
| 
| 
| 
| 
Zeile 121: Zeile 102:
|-
|-
|nd_buttonbar_export
|nd_buttonbar_export
| 
| 
| 
| 
| 
| 
Zeile 130: Zeile 109:
|-
|-
|nd_button_Keyfields
|nd_button_Keyfields
| 
| 
| 
| 
|x
|x
Zeile 139: Zeile 116:
|-
|-
|nd_button_Print
|nd_button_Print
| 
| 
| 
| 
| 
| 
Zeile 148: Zeile 123:
|-
|-
| nd_button_BackToMask
| nd_button_BackToMask
| 
| 
| 
| 
| 
| 
Zeile 157: Zeile 130:
|-
|-
| nd_button_UserDoc
| nd_button_UserDoc
| 
| 
| 
| 
| x
| x
Zeile 166: Zeile 137:
|-
|-
|nd_button_Bookmark
|nd_button_Bookmark
| 
| 
| 
| 
|x
|x
Zeile 175: Zeile 144:
|-
|-
|nd_button_DeepLink
|nd_button_DeepLink
| 
| 
| 
| 
| 
| 
Zeile 184: Zeile 151:
|-
|-
|nd_button_Konfig
|nd_button_Konfig
| 
| 
| 
| 
| 
| 
Zeile 193: Zeile 158:
|-
|-
|nd_button_intoWord
|nd_button_intoWord
| 
| 
| 
| 
| 
| 
Zeile 202: Zeile 165:
|-
|-
|nd_button_intoExcelNormal
|nd_button_intoExcelNormal
| 
| 
| 
| 
| 
| 
Zeile 211: Zeile 172:
|-
|-
|nd_button_intoExcelBig
|nd_button_intoExcelBig
| 
| 
| 
| 
| 
| 
Zeile 220: Zeile 179:
|-
|-
|nd_button_intoExcelNice
|nd_button_intoExcelNice
| 
| 
| 
| 
| 
| 
Zeile 229: Zeile 186:
|-
|-
|nd_button_intoPDF
|nd_button_intoPDF
| 
| 
| 
| 
| 
| 
Zeile 238: Zeile 193:
|-
|-
|nd_button_intoHTML
|nd_button_intoHTML
| 
| 
| 
| 
| 
| 
Zeile 247: Zeile 200:
|-
|-
|nd_button_intoCSVText
|nd_button_intoCSVText
| 
| 
| 
| 
| 
| 
Zeile 256: Zeile 207:
|-
|-
|nd_button_intoCSVExcel
|nd_button_intoCSVExcel
| 
| 
| 
| 
| 
| 
Zeile 265: Zeile 214:
|-
|-
|nd_button_intoXML
|nd_button_intoXML
| 
| 
| 
| 
| 
| 
Zeile 274: Zeile 221:
|-
|-
|nd_button_intoMediaWiki
|nd_button_intoMediaWiki
| 
| 
| 
| 
| 
| 
Zeile 283: Zeile 228:
|-
|-
|nd_button_Copy
|nd_button_Copy
| 
| 
| 
| 
| 
| 
Zeile 292: Zeile 235:
|-
|-
|nd_button_MaskInfoEdit
|nd_button_MaskInfoEdit
| 
| 
| 
| 
| 
| 
Zeile 301: Zeile 242:
|-
|-
|nd_button_MaskToSachgeb
|nd_button_MaskToSachgeb
| 
| 
| 
| 
| 
| 
Zeile 310: Zeile 249:
|-
|-
|nd_button_StyleToMask
|nd_button_StyleToMask
| 
| 
| 
| 
| 
| 
Zeile 319: Zeile 256:
|-
|-
|'''Ergebnisberichte'''
|'''Ergebnisberichte'''
| 
| 
| 
| 
| 
| 
Zeile 328: Zeile 263:
|-
|-
| nd_legend_explanation
| nd_legend_explanation
| 
| 
| 
| 
| 
| 
Zeile 337: Zeile 270:
|-
|-
| nd_resultset_simple
| nd_resultset_simple
|<br />
| 
| 
| 
| 
| 
Zeile 346: Zeile 277:
|-
|-
| nd_resultset_man
| nd_resultset_man
| 
| 
| 
| 
| 
| 
Zeile 355: Zeile 284:
|-
|-
| nd_resulset_tree
| nd_resulset_tree
| 
| 
| 
| 
| 
| 
Zeile 364: Zeile 291:
|-
|-
|'''Formulare'''
|'''Formulare'''
| 
| 
| 
| 
| 
| 
Zeile 373: Zeile 298:
|-
|-
| nd_selectionform
| nd_selectionform
| 
| 
| 
| 
| x <br />
| x <br />
Zeile 382: Zeile 305:
|-
|-
| nd_selectionform_man
| nd_selectionform_man
| 
| 
| 
| 
| 
| 
Zeile 391: Zeile 312:
|-
|-
| nd_formsubmit
| nd_formsubmit
|<br />
|<br />
| 
| 
| x <br />
| x <br />
Zeile 400: Zeile 319:
|-
|-
|'''Navigation'''
|'''Navigation'''
| 
| 
| 
| 
| 
| 
Zeile 408: Zeile 325:
|-
|-
| nd_navi_top
| nd_navi_top
| 
| x
| x
| x
| x
| x
Zeile 418: Zeile 333:
|nd_navi_wam <br />
|nd_navi_wam <br />
ist Bestandteil von nd_navi_top
ist Bestandteil von nd_navi_top
| 
| 
| 
| 
| 
| 
Zeile 427: Zeile 340:
|-
|-
| nd_navi_panel
| nd_navi_panel
| 
| x <br />
| x <br />
| x <br />
| x <br />
| x <br />
Zeile 436: Zeile 347:
|-
|-
|<span style="color: rgb(0, 0, 0);" data-mce-style="color: #000000;">nd_navi_panel_orgunits</span>
|<span style="color: rgb(0, 0, 0);" data-mce-style="color: #000000;">nd_navi_panel_orgunits</span>
| 
| 
| 
| 
| 
| 
Zeile 445: Zeile 354:
|-
|-
| nd_navi_bottom
| nd_navi_bottom
| x
| x
| x
| x
| x
| x
Zeile 454: Zeile 361:
|-
|-
| nd_navi_resultset
| nd_navi_resultset
| 
| 
| 
| 
| 
| 
Zeile 462: Zeile 367:
| x <br />
| x <br />
|}
|}
==Tabindizes==
===Allgemein===
* tabindex 1-99 > TopNavi
* tabindex 100-499 > Themenbaum​     
* tabindex 500-519 > Breadcrumbs
* tabindex 6001-6003 > BottomNavi
===Menü===
* tabindex 600-799 > Abfrageliste​
   
===Masken===
* tabindex 1-99 > TopNavi
* tabindex 100-499 > Themenbaum​     
* tabindex 500-519 > Breadcrumbs
* tabindex 520-549 > Bearbeitungs-Buttons
* tabindex 550-2119 > Maskenfelder
* tabindex 5001-5002 > SubmitButtons
===Tabellen===
* tabindex 520-549 > Bearbeitungs-Buttons

Aktuelle Version vom 7. Mai 2025, 07:00 Uhr

Prinzipien

  • Minimaler Einsatz von Javascript und JS-Frameworks
  • Maximaler Einsatz von HTML 5 / CSS / Bulma
  • Responsiv

Implementierung

Quellcode

Um Templates einzusehen und eigene Kopien anzupassen benötigen Sie zunächst den Quellcode. Dieser liegt im Verzeichnis .../webapps/superx/xml und ist Teil des Kernmoduls. Sie können das aus dem Download Bereich herunterladen, oder direkt vom git Server klonen.

Ein Template kann dann angepaßt werden, indem es in die Datei .../webapps/superx/xml/page_components_html_final.xsl übernommen wird. Der Mechanismus ist im Handbuch Maskenanpassung erläutert.

Allgemeine Templates

Alle eingebundenen Templates liegen im Ordner .../webapps/superx/xml in der Datei "nd_templates.xsl". Hier eine Übersicht wo die jew. Templates genutzt werden. Anmerkungen zur Tabelle:

  • x = Hier ist Template zu integrieren
  • Templateoriginal liegt in nd_templates.xsl
new design
templatename 		Menü Masken Masken (Management) Tabellen Tabellen (Management)
Allgemein          
nd_pagetitle x x
 x
x x
nd_breadcrumb x x
x
x x
nd_infotiles          
nd_modulinfo x x x x x
Abfragen
          
nd_query_subdir x
       
nd_query_list x
     
Buttons
         
nd_buttonbar_mask
   x x
   
nd_buttonbar_table       x
x
nd_buttonbar_export       x
 
nd_button_Keyfields   x x
 
nd_button_Print       x
x
nd_button_BackToMask       x
x
nd_button_UserDoc   x x x
x
nd_button_Bookmark   x x x
x
nd_button_DeepLink       x
x
nd_button_Konfig       x
x
nd_button_intoWord       x
x
nd_button_intoExcelNormal       x
x
nd_button_intoExcelBig       x
x
nd_button_intoExcelNice       x
x
nd_button_intoPDF       x
x
nd_button_intoHTML       x
x
nd_button_intoCSVText       x
x
nd_button_intoCSVExcel       x
x
nd_button_intoXML       x
x
nd_button_intoMediaWiki       x
x
nd_button_Copy       x
x
nd_button_MaskInfoEdit       x
x
nd_button_MaskToSachgeb       x
x
nd_button_StyleToMask       x
x
Ergebnisberichte          
nd_legend_explanation       x
x
nd_resultset_simple       x

nd_resultset_man       x
x
nd_resulset_tree       x

Formulare          
nd_selectionform   x
    x
nd_selectionform_man     x
 
nd_formsubmit   x
x
 
Navigation        
nd_navi_top x x x
x x
nd_navi_wam

ist Bestandteil von nd_navi_top

         
nd_navi_panel x
x
x
x x
nd_navi_panel_orgunits         x
nd_navi_bottom x x x
x x
nd_navi_resultset       x x

Tabindizes

Allgemein

  • tabindex 1-99 > TopNavi
  • tabindex 100-499 > Themenbaum​
  • tabindex 500-519 > Breadcrumbs
  • tabindex 6001-6003 > BottomNavi

Menü

  • tabindex 600-799 > Abfrageliste​

Masken

  • tabindex 1-99 > TopNavi
  • tabindex 100-499 > Themenbaum​
  • tabindex 500-519 > Breadcrumbs
  • tabindex 520-549 > Bearbeitungs-Buttons
  • tabindex 550-2119 > Maskenfelder
  • tabindex 5001-5002 > SubmitButtons

Tabellen

  • tabindex 520-549 > Bearbeitungs-Buttons
Abgerufen von „https://superxhosting.de/wiki/index.php?title=Neue_Layouts_in_SuperX_5.2&oldid=14518“