Skip to content
A typeform directive for Angular 1.X
HTML JavaScript
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.idea Angular-Typeform initial commit Oct 30, 2016
demo Fixed minification problem Nov 10, 2016
.gitignore Fixed minification problem Nov 10, 2016
LICENSE
README.md Fixed evalutaion errors displaying times Nov 7, 2016
angular-typeform.js Fixed minification problem Nov 10, 2016
angular-typeform.min.js
gulpfile.js Fixed evalutaion errors displaying times Nov 7, 2016
package.json Fixed minification problem Nov 10, 2016
screenshot.png

README.md

angular-typeform

An Angular 1.x directive for Typeform

The purpose of this simple directive is to wrap Typeform's logic in order to make it work with angular.

Download

You can also install the package using npm

npm install angular-typeform

No dependencies besides angular are required!

Config

To use the directive, include the JS file on your project, then include the module in your app:

app = angular.module('myApp', ['angularTypeform'])

then configure it with your account

app.config(function (typeformConfigProvider) {
  typeformConfigProvider.setAccount('MYACCOUNT');
});

You can find your account as a subdomain of any Typeform's link https://MYACCOUNT.typeform.com/to/TYPEFORM_ID

Usage

Embed

To embed a Typeform just use the following directive

<typeform-embed
    tf-id="TYPEFORM_ID"
    tf-text="Any text that you want"
    tf-style="height:600px; width:600px;margin:0 auto;">
</typeform-embed>

You can configure the style of the div container adding you CSS in the tf-style attribute

Link

To add a link to a Typeform just use the following directive

<typeform-link 
	tf-id="TYPEFORM_ID"
    tf-text="Click me"
    tf-type="button"
    tf-mode="banner"
    tf-style="text-transform:uppercase;color:red;">
</typeform-link>

The direcctive supports the following attributes

  • tf-type: choose between link or button, by default it uses link
  • tf-mode: choose between banner or popup, by default it uses popup
  • tf-style: You can configure the style of the link adding your CSS. Keep in mind that Typeform adds its own css for the button directive, so you'll have to override certain params.

License

As AngularJS itself, this module is released under the permissive MIT License. Your contributions are always welcome.

You can’t perform that action at this time.