4D View Pro: Personalize o Estilo das suas Mesas

As tabelas são parte integrante dos documentos 4D View Pro, pelo que fornecemos muitas características relacionadas com as tabelas nos lançamentos de 4D. 4D v19 R8 acrescenta uma nova funcionalidade relacionada com estilos, para que a tabela encaixe perfeitamente com o resto do seu documento.

A partir de agora, o VP Set table theme fornece uma forma de aplicar através da programação de um dos estilos de mesa predefinidos. Se nenhum destes estilos corresponder às suas necessidades, pode definir o seu próprio tema e aplicá-lo à sua mesa.

Estilo de mesa do VP HDI

SpreadJS tem mais de 60 temas pré-definidos:

• “escuro1” a “escuro11”.
• “light1” a “light21”
• “médio1” a “médio28”.
• “profissional1” a “profissional24”.

Para criar uma tabela com um destes temas, pode indicá-lo no comando VP CREATE TABLE:

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

Da mesma forma, pode modificar o tema de uma tabela existente com VP SET TABLE THEME:

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

Pode recuperar e testar os temas escuros, claros e médios usando a fita:

Criar um tema personalizado

Se nenhum dos temas definidos se adequar às suas necessidades, pode criar o seu próprio tema. Pode definir um estilo para as suas colunas, filas, cabeçalho e rodapé.

Por exemplo, se quiser ter esta renderização de colunas em banda:

Precisa fazer:

• Ativar a renderização de colunas com banda:

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

• Crie o seu estilo de cabeçalho:

$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

• Crie o seu estilo de colunas alternativas:

$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

Aplique o seu novo tema graças ao VP SET TABLE NAME:

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

E está feito!

Veja esta funcionalidade com o HDI acima e a documentação para mais detalhes!