Skip to content

Nested and conditional fields #146

Closed
@reardestani

Description

@reardestani

Hi, very practical package.

I have checked documentation and live examples but could not find solutions for my questions. Maybe I missed it.

1- Is it possible to have nested form fields. My intention is only for generating wrappers for some form fields in HTML. I need to have the following schema.

schema: {
    fields: [{
        type: "group",
        label: "Group 1",
        fields: [
            {
                type: "input",
                inputType: "text",
                label: "Name",
                model: "name",
                placeholder: "Your name",
                featured: true,
                required: true
            },
            {
                type: "input",
                inputType: "password",
                label: "Password",
                model: "password",
                min: 6,
                required: true,
                hint: "Minimum 6 characters",
                validator: VueFormGenerator.validators.string
            }
        ]
    },{
        type: "group",
        label: "Group 2",
        fields: [
            {
                type: "select",
                label: "skills",
                model: "type",      
                values: ["Javascript", "VueJS", "CSS3", "HTML5"]
            },{
                type: "input",
                inputType: "email",
                label: "E-mail",
                model: "email",
                placeholder: "User's e-mail address"
            },{
                type: "checkbox",
                label: "Status",
                model: "status",
                default: true
            }
        ]
    }]
}

2- What about conditional form fields? For example if I enable a switch, several other form fields will be visible.

Thanks in advance,

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions