4D View Pro: Přizpůsobte si styl svých tabulek

Tabulky jsou nedílnou součástí dokumentů 4D View Pro, a proto jsme ve všech verzích 4D poskytli mnoho funkcí souvisejících s tabulkami. 4D v19 R8 přidává novou související se styly, aby tabulka dokonale ladila se zbytkem dokumentu.

Od nynějška poskytuje stránka VP Set table theme možnost použít naprogramováním jeden z předdefinovaných stylů tabulky. Pokud žádný z těchto stylů nevyhovuje vašim potřebám, můžete si definovat vlastní motiv a aplikovat jej na tabulku.

Styl tabulky HDI VP

SpreadJS má více než 60 předdefinovaných motivů:

• „dark1“ až „dark11“
• „light1“ až „light21“
• „medium1“ až „medium28“
• „professional1“ až „professional24“

Chcete-li vytvořit tabulku s jedním z těchto motivů, můžete jej uvést v příkazu VP CREATE TABLE:

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

Stejným způsobem můžete upravit téma existující tabulky pomocí VP SET TABLE THEME:

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

Tmavé, světlé a střední téma můžete načíst a otestovat pomocí pásu karet:

Vytvoření vlastního motivu

Pokud vám žádný z definovaných motivů nevyhovuje, můžete si vytvořit vlastní motiv sami. Můžete definovat styl pro sloupce, řádky, záhlaví a zápatí.

Pokud například chcete mít toto pásové vykreslení sloupců:

Musíte:

• Aktivovat pásové vykreslování sloupců:

$param:=cs.ViewPro.TableThemeOptions
$param.bandColumns:=True
$param.bandRows:=False

• Vytvořte styl záhlaví:

$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

• Vytvořte svůj alternativní styl sloupců:

$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

Aplikujte nové téma díky VP SET TABLE NAME:

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

A je hotovo!

Podívejte se na tuto funkci s výše uvedeným HDI a na dokumentaci, kde najdete další podrobnosti!