scania-angular-lightbox

File upload and gallery extension on angularJs framework

scania-angular-lightbox is an extension for file upload and gallery on AngularJs framework. The -tpls file contains the templates bundled in JavaScript, include it if you want to use default templates we provide or load your custom templates.

###Demo

Getting Started

##Requirements

Bootstrap
Angular animate
flow/ng-flow

Installation

 bower install scania-angular-lightbox

#Usage

Add the following script to your index.html file and you are good to go :

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" type="text/css">
       or
<link href="bower_components/scania-bootstrap-ui/css/scania-bootstrap.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css"  href="/bower_components/scania-angular-lightbox/src/ui-bootstrap/ui-bootstrap-custom-0.13.4-csp.css">
<link rel="stylesheet" type="text/css" href="bower_components/scania-angular-lightbox/css/scania-angular-lightbox.css" >

<script src="bower_components/flow.js/dist/flow.js"></script>
 <script src="bower_components/scania-angular-ui/src/scania-angular-lightbox.js"></script>
<script src="bower_components/scania-angular-lightbox/src/scania-angular-lightbox-tpls.js"></script> (if you want to use default templates bundled with scania-angular-lightbox)

Next inject the directive into your app

angular.module('yourapp', ['scania.angular.lightbox']);

A complete example can be found here

Examples

<form method="post" id="uploadForm" enctype="multipart/form-data">
      <sc-lightbox size="lg" windowClass="modal-class" animation="true"></sc-lightbox>
</form>