Show Hide Elements 2

Suite and Optimus Suite 5
#1

Hi,

As it is stated in “Show Hide Elements” elements can’t be hidden dynamically. If this is not given by the original Form, is it possible to get a workaround (in version 3beta)?
If we can attach a user-defined CSS class - could that be used?

I have created a form where I want ot hide and show parts of the form dependent from some radio buttons:

[code]

<script src="codebase/dhtmlxcommon.js"></script>
<script src="codebase/dhtmlxform.js"></script>
var ppapForm, ppapFormData; function doOnLoad() { ppapFormData = [ {type:"label", label:"PartDescription"}, 
{type:"fieldset", name:"uploadForm", width:415, label:"Document upload", position:"absolute", inputTop:23, inputLeft:0, list:[
	{type:"select", name:"alreadyUploaded", position:"label-left", labelWidth:160, label:"Already uploaded", value:"", inputWidth:202},
	{type:"input", name:"description", position:"label-left", labelWidth:160, label:"Description of file to upload", value:"", inputWidth:200},
	{type:"file", name:"uploadFile", position:"label-top", label:"File to upload"},
	{type:"button", name:"uploadButton", position:"absolute", inputTop:62, inputLeft:287, value:"Upload"},
]},

{type:"fieldset", name:"openField", width:245, label:"PPAP timing and comments", position:"absolute", inputTop:140, inputLeft:0, list:[
	{type:"label", name:"openLabel", label:"&nbsp;", labelWidth:50, labelHeight:17},
	{type:"input", name:"openDate", position:"label-left", labelWidth:130, label:"Confirmed submission plan", value:"", inputWidth:60},
	{type:"input", name:"openComment", position:"label-top", label:"Comment", value:"", inputWidth:200, rows:3},
]},

{type:"fieldset", name:"approvedField", width:245, label:"PPAP timing and comments", position:"absolute", inputTop:140, inputLeft:0, list:[
	{type:"input", name:"approvedDate", position:"label-left", labelWidth:130, label:"Submission date", value:"", inputWidth:60},
	{type:"label", name:"openLabel", label:"&nbsp;", labelWidth:50, labelHeight:91},
]},

{type:"fieldset", name:"interimField", width:245, label:"PPAP timing and comments", position:"absolute", inputTop:140, inputLeft:0, list:[
	{type:"input", name:"interimDate", position:"label-left", labelWidth:130, label:"Interim submission date", value:"", inputWidth:60},
	{type:"input", name:"interimPlan", position:"label-left", labelWidth:130, label:"Confirmed submission plan", value:"", inputWidth:60},
	{type:"input", name:"interimComment", position:"label-top", label:"Comment", value:"", inputWidth:200, rows:3},
]},

{type:"fieldset", name:"rejectedField", width:245, label:"PPAP timing and comments", position:"absolute", inputTop:140, inputLeft:0, list:[
	{type:"input", name:"rejectedDate", position:"label-left", labelWidth:130, label:"Rejected submission date", value:"", inputWidth:60},
	{type:"input", name:"rejectedPlan", position:"label-left", labelWidth:130, label:"Confirmed submission plan", value:"", inputWidth:60},
	{type:"input", name:"rejectedComment", position:"label-top", label:"Comment", value:"", inputWidth:200, rows:3},
]},

{type:"fieldset", name:"statusField", inputWidth:150, label:"PPAP status", position:"absolute", inputTop:140, inputLeft:265, list:[
	{type: "radio", name: "ppapStatus", position:"label-right", value:"n", label:"Not applicable"},
	{type: "radio", name: "ppapStatus", position:"label-right", value:"0", label:"Open", checked:true},
	{type: "radio", name: "ppapStatus", position:"label-right", value:"1", label:"Approved"},
	{type: "radio", name: "ppapStatus", position:"label-right", value:"3", label:"Interim approved"},
	{type: "radio", name: "ppapStatus", position:"label-right", value:"6", label:"Rejected"},
]},
{type:"button", name:"submitButton", position:"absolute", inputTop:265, inputLeft:320, value:"Submit"},

];

		ppapForm = new dhtmlXForm("form_container", ppapFormData);

	}	
	</script>
[/code] The fieldsets openField, approvedField, interimField and rejectedField are located at the same position. I want to exchange them dependent from the radio buttons. I have a solution which consists of different forms for the different fieldsets but I assume there is a better way.
#2

It works in version 3beta!

ppapForm.hideItem(“uploadForm”);
and
ppapForm.showItem(“uploadForm”);

Great!