Multiple Columns in Suitelet Pages Using FieldBreakType and FieldLayoutType

FieldBreakType is a property that controls how fields are aligned relative to each other horizontally. It determines whether a field should start a new column, continue in the same column, or end the current column. This property is especially useful when you want to create multi-column layouts in your forms.

FieldLayoutType is a property that determines how a field is placed on a form relative to other fields. It controls whether a field starts a new row, continues on the same row, or is part of a different layout section

For example:

//Currency

        var currency = form.addField({………<create field>……….});

 …………….<set field help and display type>…………………

        currency.updateBreakType({

          breakType : serverWidget.FieldBreakType.STARTCOL

        });

//Radio button – Buy Asset

        var radioBuyAsset = form.addField({………<create field>……….});

//Radio button – Sell Asset

        var radioSellAsset = form.addField({………<create field>……….});

//Selling Quantity

        var sellingQuantity = form.addField({………<create field>……….});

       …………….<set field help and display type>…………………

        sellingQuantity.updateLayoutType({

layoutType: serverWidget.FieldLayoutType.STARTROW

});

//Total Quantity

        var totalQuantity = form.addField({………<create field>……….});

        …………….<set field help and display type>…………………

        totalQuantity.updateLayoutType({

layoutType: serverWidget.FieldLayoutType.ENDROW

});

//Selling Percentage

        var sellingPercentage = form.addField({………<create field>……….});

        …………….<set field help and display type>…………………

Output screen