https://github.com/imajus/autoform-bootstrap4

Bootstrap 4 templates for Meteor AutoForm
https://github.com/imajus/autoform-bootstrap4

Last synced: 3 months ago
JSON representation

Bootstrap 4 templates for Meteor AutoForm

• Host: GitHub
• URL: https://github.com/imajus/autoform-bootstrap4
• Owner: imajus
• Created: 2018-06-30T12:56:16.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-11-12T08:33:40.000Z (almost 6 years ago)
• Last Synced: 2024-02-12T05:38:48.446Z (9 months ago)
• Language: HTML
• Size: 27.3 KB
• Stars: 3
• Watchers: 5
• Forks: 5
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-blaze - imajus:autoform-bootstrap4 - A Bootstrap 4 theme for all builtin AutoForm components and inputs. (Uncategorized / Uncategorized)

README

        
# Autoform Bootstrap 4

Bootstrap 4 theme for [aldeed:autoform](https://github.com/aldeed/meteor-autoform).

## Installation and usage

If you haven't installed [Bootstrap 4](http://getbootstrap.com/) yet, you need to install it and it's peer dependencies using NPM. Then add this package and [fontawesome](https://atmospherejs.com/fortawesome/fontawesome) to your Meteor packages. Note, that Meteor's default builtin jquery is not sufficient, which is why you need to add it here, too.

```

meteor npm install --save bootstrap popper.js jquery

meteor add imajus:autoform-bootstrap4 fortawesome:fontawesome

```

Next, make sure to import Bootstrap properly, for example in `client/main.js`:

```javascript

import 'bootstrap'

import popper from 'popper.js'

global.Popper = popper

```

If you want to use this theme for a specific Template, you need to add the `template="bootstrap4"` property to your `autoForm` or `quickForm` code.

If you want to set this theme for all (auto)forms place the following code for example in `client/main.js`:

```javascript

AutoForm.setDefaultTemplate('bootstrap4')

```