{{> afQuickField name="startLocation"}} {{> afQuickField name="dest" /> {{> afQuickField name="startLocation"}} {{> afQuickField name="dest" /> {{> afQuickField name="startLocation"}} {{> afQuickField name="dest"/>

How can I style an autoform in Meteoric?

165 views Asked by At
  {{#autoForm schema="asdf" id="sdfg" type="method" meteormethod="meth"}}
    <fieldset>
      {{> afQuickField name="startLocation"}}
      {{> afQuickField name="destination"}}
      {{> afQuickField name="date"}}
      {{> afQuickField name="departureTime"}}
      {{> afQuickField name="returnTime"}}
      {{> afQuickField name="seats" type="number"}}
    </fieldset>
    <button type="submit" class="btn btn-primary">submit<button>
  {{/autoForm}}

The above code generates a form in my Meteor app, however it looks pretty bad (or at least, non-intuitive):

enter image description here

I don't know why this is. In the examples (1, 2) I'm looking at, the form renders in a much more sensical way. How can I get the afQuickField to show the label and the input on separate lines, or at least in another way that makes sense?

0

There are 0 answers