Hello, I encountered a problem when using the DHTMLX Suite. When using the form component in a window, if the form component is too long, the form component will display incomplete, and some of the above parts cannot appear in the window. The following is the sample code, which you can demonstrate in Code Snippet. This issue still exists in Suite 8.1.10 Pro.
const dhxWindow = new dhx.Window({
width: 440,
height: 520,
title: "Window"
});
let myform = new dhx.Form(null, {
css: "dhx_widget--bordered",
align: "evenly", // sets the alignment for rows
rows: [
{
type: "input",
name: "_token",
hidden: true,
},
{
type: "select",
id: "org",
label: "Orgination",
// labelPosition: "left",
icon: "dxi-magnify",
required: true,
helpMessage: "",
errorMessage: "This item is required!",
options: [
{
value: "",
content: "",
disabled: false,
},
],
},
{
type: "input",
id: "project",
label: "Project Name",
icon: "dxi-magnify",
placeholder: "Please enter a project name",
required: true,
helpMessage: "",
errorMessage: "This item is required!",
},
{
type: "select",
id: "template",
label: "Template",
icon: "dxi-magnify",
required: true,
helpMessage: "",
errorMessage: "This item is required!",
options: [
{
value: "",
content: "",
orgid: "",
},
],
},
{
type: "select",
name: "group",
label: "Application Group",
icon: "dxi-magnify",
required: true,
helpMessage: "",
errorMessage: "This item is required!",
options: [
{
value: "",
content: "",
orgid: "",
},
],
},
{
type: "combo",
id: "admin",
label: "Administrator",
icon: "dxi-magnify",
placeholder: "Please enter administrator",
required: true,
helpMessage: "",
errorMessage: "This item is required!",
},
{
type: "textarea",
id: "remark",
label: "remark",
helpMessage: "",
},
{
align: "end",
cols: [
{
type: "button",
value: "OK",
name: "ok",
padding: 2,
submit: true,
},
{
type: "button",
value: "Cancel",
name: "cancel",
padding: 2,
submit: true,
},
],
},
],
});
const list = new dhx.List(null, {
css: "dhx_widget--bordered"
});
list.data.parse(dataset);
dhxWindow.attach(myform)
dhxWindow.show();