Skip to content

Latest commit

 

History

History
68 lines (53 loc) · 2.4 KB

README.md

File metadata and controls

68 lines (53 loc) · 2.4 KB
Raw

Nitrogen Elements - v.0.2

Nitrogen Elements is a collection of useful Web UI controls and supposed to be used as an extention to Nitrogen Web Framework. Most of the controls in the library are implemented as Nitrogen wrappers to corresponding jQuery UI widgets.

Implemented Elements:

  • Action Dialog
  • Accordion
  • Tabs
  • Menu
  • Menubar
  • jsGrid
  • Progressbar
  • Layout

Build instructions:

e.g.:

  {deps, [
     {nitrogen_elements, ".*", {git, "git@github.com:RomanShestakov/nitrogen_elements.git", "HEAD"}}
  ]}.
  • add nitrogen_elements.hrl to your modules:
    -include_lib("nitrogen_elements/include/nitrogen_elements.hrl").
  • Please notice that your html template need to include the following references to css and javascript libs:
<link rel='stylesheet' href='plugins/jquery-ui/css/jquery-ui-1.10.0.custom.min.css' type='text/css' media='screen' charset='utf-8'>
<script src='/plugins/jquery-ui/js/jquery-ui-1.10.0.custom.min.js' type='text/javascript' charset='utf-8'></script>
<script src='/plugins/history/html4_html5/jquery.history.js' type='text/javascript' charset='utf-8'></script>
<script src='/plugins/history/history_helper.js' type='text/javascript' charset='utf-8'></script>
<script src='/plugins/jqgrid/js/i18n/grid.locale-en.js' type='text/javascript'></script>
<script type="text/javascript">	jQuery.jgrid.no_legacy_api = true; </script>
<script src='/plugins/jqgrid/js/jquery.jqGrid.min.js' type='text/javascript'></script>
<script src='/plugins/layout/js/jquery.layout-latest.min.js' type='text/javascript'></script>
<script src='/plugins/menubar/jquery.ui.menubar.js' type='text/javascript' charset='utf-8'></script>

see for example priv/templates/onecolumn.html from Nitrogen_Elements_Example project.

Examples:

The best way to get familiar with Nitrogen_Elements is to clone Nitrogen_Elements_Example project which shows practical usage :

  1. git clone https://github.com/RomanShestakov/nitrogen_elements_examples.git
  2. cd nitrogen_elements_examples;make
  3. ./start.sh
  4. in browser go to locahost:8000