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.