RE: How to display fields one below one in suitelet
I want to display fields one below one in a suitelet. How it can be achieved? Please help:
Expected output:
field1
field2
field3
field4
field5
field6
field7
Total
Thanks for response!
I tried here but not getting expected output
/**
* @NApiVersion 2.x
*@NScriptType Suitelet
* … more options …
*/
define([‘N/ui/serverWidget’,’N/record’,’N/search’], function(serverWidget,record,search) {
function onRequest(context) {
if (context.request.method === ‘GET’) {
try{
var form = serverWidget.createForm({ title: ‘Funds Form’ });
form.addSubmitButton({ label: ‘Transfer Funds’ });
var noOfEmployeesField=form.addField({
id: ‘custpage_no_of_employees’,
type: serverWidget.FieldType.INTEGER,
label: ‘No of employees’});
var netPayField=form.addField({
id: ‘custpage_netpay’,
type: serverWidget.FieldType.INTEGER,
label: ‘Net Pay’});
var ccpEmployeeField=form.addField({
id: ‘custpage_ccpemploee’,
type: serverWidget.FieldType.INTEGER,
label: ‘CCP Employee’});
var ccpEmployerField=form.addField({
id: ‘custpage_ccpemploer’,
type: serverWidget.FieldType.INTEGER,
label: ‘CCP Employer’});
var eiEmployeeField=form.addField({
id: ‘custpage_eiemploee’,
type: serverWidget.FieldType.INTEGER,
label: ‘EI Employee’});
var eiEmployerField=form.addField({
id: ‘custpage_eiemploer’,
type: serverWidget.FieldType.INTEGER,
label: ‘EI Employer’});
var iTaxDeductionField=form.addField({
id: ‘custpage_itaxdeduction’,
type: serverWidget.FieldType.INTEGER,
label: ‘No of employees’});
var totalField=form.addField({
id: ‘custpage_totalfield’,
type: serverWidget.FieldType.INTEGER,
label: ‘Total’});
noOfEmployeesField.updateLayoutType({
layoutType : serverWidget.FieldLayoutType.OUTSIDEABOVE
});
netPayField.updateLayoutType({
layoutType : serverWidget.FieldLayoutType.STARTROW
});
ccpEmployeeField.updateLayoutType({
layoutType : serverWidget.FieldLayoutType.MIDROW
});
ccpEmployerField.updateLayoutType({
layoutType : serverWidget.FieldLayoutType.ENDROW
});
eiEmployeeField.updateLayoutType({
layoutType : serverWidget.FieldLayoutType.OUTSIDE
});
eiEmployerField.updateLayoutType({
layoutType : serverWidget.FieldLayoutType.MIDROW
});
iTaxDeductionField.updateLayoutType({
layoutType : serverWidget.FieldLayoutType.MIDROW
});
totalField.updateLayoutType({
layoutType : serverWidget.FieldLayoutType.OUTSIDEBELOW
});
//Break Type————————————————————————-
noOfEmployeesField.updateBreakType({
breakType : serverWidget.FieldBreakType.STARTROW
});
netPayField.updateBreakType({
breakType : serverWidget.FieldBreakType.STARTROW
});
ccpEmployeeField.updateBreakType({
breakType : serverWidget.FieldBreakType.STARTROW
});
ccpEmployerField.updateBreakType({
breakType : serverWidget.FieldBreakType.STARTROW
});
eiEmployeeField.updateBreakType({
breakType : serverWidget.FieldBreakType.STARTROW
});
eiEmployerField.updateBreakType({
breakType : serverWidget.FieldBreakType.STARTROW
});
iTaxDeductionField.updateBreakType({
breakType : serverWidget.FieldBreakType.STARTROW
});
totalField.updateBreakType({
breakType : serverWidget.FieldBreakType.STARTROW
});
context.response.writePage(form);
} catch (error) {
log.debug(‘Error’, error);
}
} else if (context.request.method === ‘POST’) {
// log.debug(“Suitelet is posting.”)
}
}
return{
onRequest:onRequest
}
})