Creating Form (Alignment issues) Need Help.

Suite and Optimus Suite 5
#1

Hello,

I am creating a form, embedded into a Layout (1C).
My form data structure looks like below:

formStructure = [
{type:“settings”,position:“label-left”},
{type: “fieldset”,name:“loginOutline”, label: “Login”, list:[
{type: “template”, name: “imgPic”, label: “”, value: “pic.gif”,
position: “label-left”, format: “formImage”},
{type: “label”, value:“test”},
{type:“newcolumn”, offset:20},
{type: “input”, name: ‘id_login’, label: ‘Login ID:’},
{type:“input”, name:“pwd_login”, label:“Password:”},
{type:“button”, name:“btnLogin”, value:“Login”, position: “label-right”}
]}
];

function formImage(name, value) {
return ‘’;
}

But since the image is large there is a scroll bar in the Layout.
I need help here:

  1. I need 2 Column in the Data structure (currently I got it) but I need the %age to be like 70-30.
  2. I want to embed the image in the 70%, scaled to fit and need no scroll bar
  3. Need a password field for Password (’*’)
  4. Need the login button in the center of the 30% area.

Can some one help?

#2

Hello

  1. there is an item “block”
    docs.dhtmlx.com/doku.php?id=dhtm … form_block
    Set the width of this block and set different input and label width for different blocks
  2. plase, place a picture with required result
  3. specify, please… By default “password” field types ******
  4. you need to count its position and set it