hi, i have the following code in webix, i need the resizer but its not responding , can anyone help me , i need to be able to resize the columns in my form to fit the height and width when the user wants to.
the code:
webix.ui({
type:"space",
rows:[
{template:"header", height:20},
{//la segunda fila se divide en 4 columnas
cols:[
{ //la primer columna es para el menu izquierdo
template:"columna 1", width:100, minWidth:100
},
{//la segunda y 3r columnas son para el formulario, a la izquierda la fotografia
// y a la derecha el formulario con scroll.
template:"columna 2",
cols:[
{
cols:[
{ //inicio fieldset datos generales
view:"fieldset",
label:"Datos Generales",
id:"fieldset_datosgenerales",
name:"fieldset_datosgenerales",
body:{
rows:[
{
view: "uploader",
id:"upl1",
value: "Seleccionar foto",
name:"files",
autosend:false,
width:150,
link:"mylist",
accept:"image/jpeg, image/png",
upload: "http://10.2.1.200/ensenanza/uploadfotoaspi.fwx"
},
{
view:"list",
id:"mylist",
type:"uploader",
autowidth:true,
autoheight:true
},
{
autoheight:true,
autowidth:false,
id:"template_fotografia",
name:"template_fotografia",
template:" <img src='<% Response.write( rutaimagen ) %> ' " +
" style='width:80px;height:80px;border:1px solid #b3ffff' id='img_fotografia' name='img_fotografia' >"
},
{
view: "button",
label: "Guardar fotografia",
width:"150",
click: function() {
$$("upl1").send(function(data)
{
if(data){
console.log("json response fotografia:" + data.img);
document.getElementById("img_fotografia").src = data.img;
console.log("la imagen en la db es: " + data.img );
}
});
}
},
{
view:"text",
id:"txtespecialidad",
name:"txtespecialidad",
label:"Especialidad:",
labelWidth:100
},
{
view:"text",
id:"txttiporesidente",
name:"txttiporesidente",
label:"Tipo de residente:",
labelWidth:150
}
]
}
}
]
},
{
template:"col 2",
cols:[
{template:"",view:"resizer", id:"resize1"},
{
//inicio fieldset Datos Personales
view:"form",
id:"formato_registro",
scroll:"y",
elementsConfig:{
labelWidth:200
},
elements:[
{
//inicio fieldset Datos Personales
view:"fieldset",
label:"Datos Personales",
body:{
rows: webix.copy(campos_01)
}
},
{ //inicio fieldset lugar de nacimiento y continuan
//los datos personales despues del lugar de nacimiento
view:"fieldset",
label:"Lugar de nacimiento",
body:{
rows: webix.copy(campos_02)
}
},
{
view:"fieldset",
label:"Datos Personales",
body:{
rows: webix.copy(campos_03)
}
},
{
view:"fieldset",
label:"Nombre,direccion y telefono de otra persona que le pueda localizar",
body:{
rows: webix.copy(campos_04)
}
},
{
view:"fieldset",
label:"Datos Personales:",
body:{
rows: webix.copy(campos_05)
}
}
]
}]
}
]
},
{
template:"columna 3", width:100, minWidth:100, autowidth:true,css:"view00",
id:"columna3", name:"columna3",
rows:[
{
view:"button",
value:"Guardar Solicitud",
width:150,
click:function(id, event)
{
enviarTodoAProcesar();
},
},
{ //inicio columna#2
view:"button",
value:"Descargar Solicitud",
width:150
} // fin columna#2 de fila#1
]
}
]
},
{template:"footer", height:20}
]
});