Announcing “Nitrogen Elements” 0.2.1

I have been working on the re-incarnated project “Nitrogen Elements” – which is a collection of useful Nitrogen GUI elements and now it is time to make a first release – v.0.2.1.

The project contains the implementation for the following elements:

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

most of these elements are wrappers for jQuery UI widgets.

You can find Nitrogen_Elements here.

You can clone the git repo with:

git clone https://github.com/RomanShestakov/nitrogen_elements.git
cd nitrogen_elements
git checkout 0.2.1

or you can include Nitrogen_Elements as a dependency to your Nitrogen project by adding the following to your rebar.config:

{deps, [
    {nitrogen_elements, "0.2.1", {git, "git@github.com:RomanShestakov/nitrogen_elements.git", "HEAD"}}
]}.

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

    git clone https://github.com/RomanShestakov/nitrogen_elements_examples.git
    cd nitrogen_elements_examples;make
    ./start.sh

in the browser go to locahost:8000

To use Nitrogen_Elements in your code you need to include the header:

-include_lib("nitrogen_elements/include/nitrogen_elements.hrl").

you also need to include the following to your html template:

<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>

Hopefully, this will be useful for somebody.
Let me know if you find any problems.

Advertisements
This entry was posted in custom Nitrogen elements, Erlang, Nitrogen, Nitrogen_Elements, Uncategorized and tagged , , . Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s