diff --git a/src/components/FormBuilder/FormBuilder.js b/src/components/FormBuilder/FormBuilder.js index 6478d1f..b8e40d1 100644 --- a/src/components/FormBuilder/FormBuilder.js +++ b/src/components/FormBuilder/FormBuilder.js @@ -1,4 +1,5 @@ import { Button, Col, Form, message, Row, Space, Spin } from "antd"; +import { useEffect, useState } from "react"; import FormItemsRenderer from "./FormItemsRenderer"; /** @@ -23,6 +24,26 @@ const FormBuilder = (props) => { ...restProps } = props; + const [pageWidth, setPageWidth] = useState(window.innerWidth); + + const getPageWidth = () => { + const pageDom = document.querySelector("#page"); + if (!pageDom) + return; + setPageWidth(pageDom.offsetWidth); + }; + + useEffect(() => { + const timer = setTimeout(() => { + getPageWidth(); + }, 0); + window.addEventListener("resize", getPageWidth); + return () => { + window.removeEventListener("resize", getPageWidth); + clearTimeout(timer); + }; + }, []); + const handleCancel = () => { window.history.back(); }; @@ -51,11 +72,10 @@ const FormBuilder = (props) => { /> {showActionButtons && ( -
-
+ <> +
{customActionButtons || ( @@ -75,7 +95,7 @@ const FormBuilder = (props) => { )} -
+ )}