Attach Form to a Window

DhtmlxForm allows you to combine form with the next components:
Layout
Window
Accordion
Tabbar

To Layout, Tabbar is working but not with Window pls. give an example

attachForm works exactly the same for all container elements. Can you provide a code snippet which causes problems ?

Please make sure you insert link to dhtmlxcontainer.js before dhtmlxform.js into your index page.

<link rel="stylesheet" type="text/css" href="Windows/dhtmlxwindows.css">
<link rel="stylesheet" type="text/css" href="Windows/skins/dhtmlxwindows_dhx_skyblue.css">
<script src="Windows/dhtmlxcontainer.js"></script>
<script src="Windows/dhtmlxwindows.js"></script>
<script>

var dhxWins, win, dhxForm;

function intwindow(){
dhxWins= new dhtmlXWindows();
dhxWins.setImagePath(“Windows/imgs/”);
win = dhxWins.createWindow(‘login’, 0, 300, 270, 220);

win.denyResize();
win.denyMove();
win.denyPark();
win.setModal(true);
win.button(“close”).disable();
win.setText(“LOGIN”);
win.centerOnScreen();
dhxForm = win.attachForm(formData);

var formData = [
{type: “input”, id: “logon”, name: “logon”, label: “Username”, value: “”, validate: “NotEmpty”},
{type: “password”, name: “pwd”, label: “Enter your password”, value: “”, validate: “NotEmpty”},
{type: “button”, name: “butt”, value: “Log in”, command: “alidate”}
];
intwindow();

TypeError: Result of expression ‘win.attachForm’ [undefined] is not a function.

dhtmlxcontainer.js

from where window or form ???

Hello,

Please provide completed demo
dhtmlx.com/docs/support/what … d_demo.htm

I’m pretty new at all this but I played with your exaple and found it works if you do the following…

includes in this order:

[code]

[/code]

declare your variables first…

var dhxWins, win, dhxForm; var formData = [{ type: "input", id: "logon", name: "logon", label: "Username", value: "", validate: "NotEmpty" }, { type: "password", name: "pwd", label: "Password", value: "", validate: "NotEmpty" }, { type: "button", name: "butt", value: "Log in", command: "validate" }];

then put the rest of your code for the window below…

I didn’t actually use intiwin() at all and you only need to include dhtmlxcommon.js once…

hope this helps…

that helps a lot from me.

thanks for the codes.

thanks to all :wink:

i managed myself …

var dhxWins, win, dhxForm;

function intwindow(){
dhxWins= new dhtmlXWindows();
dhxWins.setImagePath(“Windows/imgs/”);
win = dhxWins.createWindow(‘login’, 0, 300, 270, 220);

var formData = [
{type: “input”, id: “logon”, name: “logon”, label: “Username”, value: “”, validate: “NotEmpty”},
{type: “password”, name: “pwd”, label: “Enter your password”, value: “”, validate: “NotEmpty”},
{type: “button”, name: “butt”, value: “Log in”, command: “validate”}
];
win.denyResize();
win.denyMove();
win.denyPark();
win.setModal(true);
win.button(“close”).hide();
win.button(“park”).hide();

win.setText(“LOGIN”);

win.centerOnScreen();
dhxForm = win.attachForm(formData);
}
intwindow();

it’s work 100%