AppGini Community Forums

Code: Select all

new AppGiniLayout ([column_1_width, column_2_width, ...])
     .add (column_index_1, ["fieldname_1", "fieldname_2", ...])
     .add (column_index_2, ["fieldname_3", "fieldname_4", ...]);

Code: Select all

new AppGiniFields (["last_name", "first_name"]). inline ("Name");

Code: Select all

new AppGiniFields(["last_name", "first_name"]).inline("Name");

var row_1 = dv.addLayout([6,6])
    .add(1, ["-", "job_title", "employment_duration"])
    .add(2, ["personnel_number", "-", "date_of_birth" , "age"])
;

var row_2 = dv.addLayout([6,6])
    .add(1, ["personnel_number", "department", "-", "date_started", "termination_date", "-", "phone", "mobile", "email"])
    .add(2, ["gender", "marital_status", "children", "-", "adress", , "emergency_contact"])
;

var row_3 = dv.addLayout([12])
    .add(1, ["notes"])
    .sizeLabels(1)
;

dv.addTab("employee-tab", "Stammdaten", "calendar")
    .add(row_1);

dv.addTab("data-tab", "Detaildaten", "calendar")
    .add(row_2);

dv.addTab("notes-tab", "Notizen", "calendar")
    .add(row_3);

dv.getTabs().setPosition(TabPosition.Bottom);

Code: Select all

new AppGiniFields(["first_name", "last_name", "..."]).inline();

// add fields first_name and last_name (and more) to the layout
let layout = new AppGiniLayout([6, 6], "Personal Data", "layoutPersonalData", Variation.primary)
        .add(1, ["#Name", "first_name", "last_name", "..."])
        .add(2, ["#Contact", "email", "phone", "..."])
        ;
dv.addTab("tabEmployee", "Employee", "user", layout);