Fieldset size problem

I have a problem with the sizes of the fieldsets on a form.
I made 4 different fieldsets which I want to give to same size.
But to get them all the same size I have to give them different values.

var formData = [
//Gedeelte voor het instellen van de rapportegegevens
{ type: “fieldset”,
name: “fieldsetRapportgegevens”,
label: “Rapportgegevens”,
width: "460",
list: [
{type: “input”,
name: “Rapporttitel”,
position: “label-left”,
labelWidth: “100”,
inputWidth: “250”,
label: "Rapporttitel: ",
validate: “emptyRapporttitel”,
value: “Urenoverzicht project”},
{type: “input”,
name: “Documentnr”,
position: “label-left”,
validate: “emptyDocumentNr”,
value: “”,
labelWidth: “100”,
inputWidth: “250”,
label: "Documentnr.: "},
{type: “input”,
name: “Aanmaaknr”,
position: “label-left”,
labelWidth: “100”,
inputWidth: “250”,
validate: “emptyAanmaakNr”,
value: “”,
label: "Aanmaaknr.: "},
{type: “input”,
name: “Aanmaakdatum”,
position: “label-left”,
labelWidth: “100”,
inputWidth: “250”,
value: “<%=currentDate%>”,
readonly: “true”,
label: “Aanmaakdatum”},
{type: “input”,
name: “Opgestelddoor”,
position: “label-left”,
labelWidth: “100”,
inputWidth: “250”,
validate: “emptyOpgestelddoor”,
value: “”,
label: "Opgesteld door: “},
{type: “select”,
name: “Distributielijst”,
position: “label-left”,
labelWidth: “100”,
inputWidth: “250”,
label: “Distributielijst”,
options: [
{value: “Directie”,
text: “Directie”},
{value: “Iedereen”,
text: “Iedereen”},
{value: “Projectleider”,
text: “Projectleider”}]}]},
//Gedeelte voor het selecteren van een project
{ type: “fieldset”,
name: “fieldsetProject”,
label: “Project”,
width: "500”,
list: [
{type: “select”,
name: “project”,
position: “label-top”},
{type: “label”,
label: “” },
{type: “label”,
label: “” },
{type: “label”,
name: “geselecteerdeproject”,
label: “Geselecteerd project: -”}]},

//Gedeelte voor het selecteren van de te gebruiken template
{	type: "fieldset",
	name: "fieldsetTemplate",
	label: "Template",
	[b]width: "500[/b]",
	list: [
		{type: "checkbox", 
		name: "standaardTemplate", 
		position: "label-right", 
		checked: true,
		label: "Standaard template gebruiken" },
		{type: "checkbox", 
		name: "eigenTemplate", 
		position: "label-right",
		checked: false,
		label: "Eigen template gebruiken",
		list: [
		{type: "label", 
		label: "" },
		{type: "label", 
		label: "" },
		{type: "file",
		label: "Selecteer een template voor het rapport.",
		position: "label-top",
		name: "fileTemplate" }]},
	{type: "label", 
	label: "" }, 
	{type: "label", 
	label: "" }, 
	{type: "label", 
	name: "geselecteerdetemplate",
	label: "Geselecteerde template: "}]},

//Gedeelte voor het selecteren van de rapporopties
{	type: "fieldset",
	name: "fieldsetRapportopties",
	label: "Rapportopties", 
	[b]width: "500[/b]",
	list: [
		{type: "checkbox",
		name: "subtotalen",
		position: "label-right", 
		label: "Subtotalen weergeven" }, 
		{type: "checkbox", 
		name: "totalen",
		position: "label-right",
		label: "Totalen weergeven" }, 
		{type: "checkbox",
		name: "grafiek",
		position: "label-right",
		label: "Grafiek weergeven" }]},

As you can see the first one has a different value then the other three, but when I run the code they have the same size.

I have also a problem with the button. The button is not like the css-style.
I’m using the following css:

I attached a screenshot so you can watch both problems.


issue cofirmed and will be fixed as soon as possible

To fix this issue replace your dhtmlxform.js file with file from attachment
dhtmlxform.zip (14.7 KB)

I replaced the file, but I still have both problems. So it looks like it isn’t fixed yet.

Can you provide complete demo where we can reprocude it? docs.dhtmlx.com/doku.php?id=othe … leted_demo

Here is my completed demo.
It looks like there’s something wrong with the css file,
because the button on the form isn’t getting a layout too.
Completed Demo.rar (52.2 KB)

Have you found the problem yet?

Issue confirmed and will be fixed at the next version of dhtmlxGrid