NetSuite定制表格布局的要点

Form Layout （表格布局）是直接呈现给用户的程序界面，其美观与否跟顾问的态度有关，是追求细节的匠心体现。今朝分享一下常被忽略的几个UI参数，大家可以实践之。

首先，我们谈一下NetSuite布局的基本概念 - Field Group和Column。

NS的字段布局原则，是按照Field Group来分区，然后依照Column从左到右，从上到下排列字段的。如下图所示，这个Form包含两个Field Group，每个Field Group分为3个Column。

一个Field Group中的多个Fields，按顺序平均的分配到Columns中。

如果想在上面的样式上做些改变。在目前UI框架下，我们能做的不多，只能通过如下的4个参数进行调配：

1. Column Break
2. Same Row As Previous
3. Space Before
4. Single Column

我们下面逐个用图例来演示这些参数的用途。 

•1. Column Break

由于字段是按照从上到下顺序分配排列的，Column Break的含义是结束系统默认的列，开启新的列。

以下图为例，地址（当前）字段如果勾选了Column Break，则意味着从这个字段开始变为一个新Column。

通过Column Break，强制分列，突破原始的3列布局，从而建立多Column布局。

4列样式：

5列样式：

 2. Same Row As Previous

顾名思义，强制排在一行上，牺牲字段控件的宽度。

  

3. Space Before

在同一Column中，两个Field之间的行距。

以下图为例，两个字段间被隔开了10行。

4. Single Column

多个Field Groups水平分布。  

 截止到目前的23.1版本，Form的布局还是由以上的几个参数来支配的。但是，根据22年9月底SuiteWorld 2022的未来展望来看。UI会被重构，布局逻辑完全改变。我们拭目以待吧。