4D View Pro: Passen Sie den Stil Ihrer Tabellen an

Tabellen sind ein integraler Bestandteil von 4D View Pro Dokumenten, daher haben wir im Laufe der Versionen von 4D viele tabellenbezogene Funktionen bereitgestellt. 4D v19 R8 fügt eine neue Funktion hinzu, die sich auf Stile bezieht, damit die Tabelle perfekt zum Rest Ihres Dokuments passt.

Von nun an bietet VP Set table theme die Möglichkeit, einen der vordefinierten Tabellenstile durch Programmierung anzuwenden. Wenn keiner dieser Stile Ihren Anforderungen entspricht, können Sie Ihr eigenes Thema definieren und es auf Ihre Tabelle anwenden.

HDI VP-Tabellenstil

SpreadJS hat über 60 vordefinierte Stile:

  • „dark1“ bis „dark11“
  • „hell1“ bis „hell21“
  • „medium1“ bis „medium28“
  • „professionell1“ bis „professionell24“

Um eine Tabelle mit einem dieser Themen zu erstellen, können Sie es in dem Befehl VP CREATE TABLE angeben:

$parameter:=Neues Objekt
$parameter.theme:="dark10"
VP CREATE TABLE(VP Cells("ViewProArea"; 2; 1; 3; 1); "myTable"; "people"; $parameter)

Auf die gleiche Weise können Sie das Thema einer bestehenden Tabelle mit VP SET TABLE THEME ändern:

$parameter:=cs.ViewPro.TableThemeOptions
$parameter.theme:="medium2"
VP SET TABLE THEME("ViewProArea"; "myTable"; $parameter)

blank

Sie können die dunklen, hellen und mittleren Themen über die Multifunktionsleiste abrufen und testen:

blank

Erstellen eines eigenen Themas

Wenn keines der definierten Themen Ihren Bedürfnissen entspricht, können Sie Ihr eigenes Thema erstellen. Sie können einen Stil für Ihre Spalten, Zeilen, Kopf- und Fußzeilen definieren.

Wenn Sie z. B. die Zellen einer Spalte farblich zusammengehörend markieren wollen:

blank

Das müssen Sie tun:

  • Aktivieren Sie die farbliche Zusammenfassung von Zellen einer Spalte:
$param:=cs.ViewPro.TableThemeOptions
$param.bandColumns:=True
$param.bandRows:=False
  • Erstellen Sie Ihren Kopfzeilenstil:
$styleHeader:=cs.ViewPro.TableStyle.new()
$styleHeader.backColor:="rgb(255,228,92)"
$styleHeader.foreColor:="rgb(3,4,94)"
$param.theme:=cs.ViewPro.TableTheme.new()
$param.theme.headerRowStyle:=$styleHeader
  • Erstellen Sie Ihren alternierenden Spaltenstil:
$styleColumn1:=cs.ViewPro.TableStyle.new()
$styleColumn1.backColor:="#0077B6"
$styleColumn1.foreColor:="#03045E"
$param.theme.firstColumnStripStyle:=$styleColumn1

$styleColumn2:=cs.ViewPro.TableStyle.new()
$styleColumn2.backColor:="#CAF0F8"
$styleColumn2.foreColor:="#03045E"
$param.theme.secondColumnStripStyle:=$styleColumn2

Wenden Sie Ihr neues Thema dank der VP SET TABLE NAME an:

VP SET TABLE THEME("ViewProArea"; "myTable"; $param)

Und das war’s schon!

Schauen Sie sich diese Funktion mit dem HDI oben und die Dokumentation für weitere Details!

Fabrice Mainguené
- Product Owner -Fabrice Mainguené gehört seit November 2016 zum 4D Program Team. Als Product Owner ist er verantwortlich für das Schreiben der User Stories und deren Umsetzung in funktionale Spezifikationen. Seine Aufgabe ist es auch, sicherzustellen, dass die gelieferte Funktionsimplementierung den Kundenanforderungen entspricht.Nach seinem Bachelor-Abschluss in Informatik am CNAM arbeitete Fabrice als Windev-Entwickler bei einem kleinen Software-Verlag. Danach arbeitete er für verschiedene Unternehmen in Industrie und Handel als Windev- und Webentwickler sowie als technischer Berater für neue Funktionen.