appworkshop:autoform-materialize-arraybuttons

v1.0.1Published 9 years ago

This package has not had recent updates. Please investigate it's current state before committing to using it in your project.

Extends gildaspk:autoform-materialize to modify the array buttons to be much smaller, and also allows help text to be defined in the schema.

It works by using aldeed:template-extension to override the afArrayField_materialize template.

Installation

meteor add appworkshop:autoform-materialize-array

Usage

  1. Define your help text in the schema as an autoform.help

property of the schema item e.g.

```js
var mySchema = new SimpleSchema({
  "Test":{
    type: "String",
    autoform: {
      help: "This is the help text"
    }
  }
});
```
  1. [optional] Override or apply styles to the form-field-help class.

    1span.form-field-help {
    2  color: @secondary;
    3  font-size: 0.8rem;
    4  display: block;
    5  margin-left: 1em;
    6}
    7
    
  2. [optional] Overide or apply styles to the autoform-array-btn class.

    1.autoform-array-btn {
    2  color: red;
    3}
    4
    
  3. [optional] Put the array-item delete buttons alongside the input fields.

    1
    2.autoform-array-delete-btn {
    3  float: right;
    4}
    5
    6.afArrayCollectionItem .input-field.col.s12 {
    7  width: calc(100% - 49px);
    8}
    9