ckc-angularjs-overlay-message

An Angularjs module for overlay messages

Added by: Sam Deering

GitHub

Repository

ckelsey/ckc-angularjs-overlay-message

Stats

Stars: 0

Watchers: 0

Forks: 0

Module Description

ckc-angularjs-overlay-message

An Angularjs module for overlay messages

###Example ####HTML

<form ng-init="om={'class':'error active', 'timeout':5, 'content':'<b>This</b> is an overlay <i>message</i>'}">
    <div class="form-group">
        <label>Class (".active" makes it appear)</label>
        <input class="form-control" ng-model="om.class" type="text" style="display:block;" />
    </div>
    <div class="form-group">
        <label>Time out</label>
        <input class="form-control" ng-model="om.timeout" type="text" style="display:block;" />
    </div>
    <div class="form-group">
        <label>Content</label>
        <textarea class="form-control" ng-model="om.content" style="display:block;"></textarea>
    </div>
    <label style="display:block;">(Classes "error" makes it red and "warning" makes it orange)</label>
    <br />
    <button class="btn btn-primary" ng-click="overlay_message.set(om)">Try it</button>
</form>
<overlay-message></overlay-message>

####Javascript

angular.module('st4rtApp',[
    'overlaymessage'
]);

###Options

  • class - A class to add to the message container. "active" is what activates the message. A class with "error" is red and "warning" is orange.
  • timeout - Auto triggers the close function, integer in seconds.
  • content - The text content of the message.

###Methods

  • .set(data) - "data" is the options above.
  • .close() - Closes the overlay message.

###Use

  • Bower - ckc-angularjs-overlay-message
  • Add "overlay_message" to your app's dependencies
  • Add "overlay_message.min.js" and "overlay_message.min.css" to you scripts/css

Module stats last updated: 2015-05-28 10:23:50

Disclaimer: Some data on this page may have been gathered from the authors GitHub respository. If you see any mistakes or outdated information please let us know. Thanks!