Have Geek Brain

How do I map a custom template to a schema in Meteor AutoForm?

In this minimal example, I have two schemas, one for Person

and another called Groups

that defines a collection. Using AutoForm, I want to apply a custom template to any occurrence PersonSchema

, regardless of the parent schema.

SimpleSchema.PersonSchema = new SimpleSchema({
  firstName: {
    type: String,
    optional: false,
    label: "First Name"
  },
  lastName: {
    type: String,
    optional: false,
    label: "Last Name"
  }
});

Groups = new Mongo.Collection('groups');

Groups.attachSchema(new SimpleSchema({
    name: {
        type: String,
        optional: false,
        label: "Group Name"
    },
    people: {
        type: [SimpleSchema.PersonSchema],
        minCount: 1
    }
}));

I understand that I can attach a template to the AutoForm via the template attribute as well as some additional classes:

{{> quickForm id="addGroupForm" collection="Groups" type="insert" template="bootstrap3-horizontal" label-class="col-sm-3" input-col-class="col-sm-9"}}

How do I create a template for just a section of a Person

form?

+3
javascript meteor meteor-autoform


source to share


1 answer


According to Meteor AutoForm documentation , it bootstrap3-horizontal

can only be used with afFormGroup

, afQuickField

or quickForm

. So, if you template="bootstrap3-horizontal"

only want to use for a section PersonSchema

in your form, you will need to set the attribute template

to the appropriate one afQuickField

.

For example:



{{#autoForm id="addGroupForm" collection="Groups" type="insert"}}
    <fieldset>
        <legend>Add a Group</legend>
        {{> afQuickField name='name'}}
        {{> afQuickField name='people' template="bootstrap3-horizontal" label-class="col-sm-3" input-col-class="col-sm-9"}}
    </fieldset>
    <button type="submit" class="btn btn-primary">Insert</button>
{{/autoForm}}
+1


source to share






More articles:


All Articles