File tree Expand file tree Collapse file tree 1 file changed +13
-5
lines changed
Expand file tree Collapse file tree 1 file changed +13
-5
lines changed Original file line number Diff line number Diff line change @@ -19,14 +19,22 @@ bower install angular-multiple-selection
1919
2020Download [ source] ( https://github.com/maxazan/angular-multiple-selection/archive/master.zip ) from github.com
2121
22- ##Using
22+ ##Usage
2323* Add ` multiple-selection.min.js ` file to your application
2424``` html
2525<script type =" text/javascript" src =" multiple-selection.min.js" ></script >
2626```
2727* Add module to your app ` angular.module('app', ['multipleSelection']) `
2828* Add ` multiple-selection-zone ` attribute to element where selectable items will be located
29+ ``` html
30+ <div class =" row" multiple-selection-zone >
31+ //Add selectable items here
32+ </div >
33+ ```
2934* Add ` multiple-selection-item ` attribute to each selectable item
35+ ``` html
36+ <div multiple-selection-item >Item can be selected</div >
37+ ```
3038* Customize css
3139
3240
@@ -57,9 +65,9 @@ Each selectable item has it`s own angular scope with variables
5765* You can also customize your rectangle for selecting
5866``` css
5967.select-helper {
60- position : absolute ;
61- border : 1px dashed red ;
62- background : red ;
63- opacity : 0.2 ;
68+ position : absolute ;
69+ border : 1px dashed red ;
70+ background : red ;
71+ opacity : 0.2 ;
6472}
6573```
You can’t perform that action at this time.
0 commit comments