Team:Heidelberg/Templates/NRPS-W-16b
From 2013.igem.org
Line 1: | Line 1: | ||
+ | |||
== Graphical user interface and Django-registration == | == Graphical user interface and Django-registration == | ||
This week we started trying to get the basics necessary for a decent user experience up and running. The pages for the Pfam input and the selection of NRP monomers were created. For this we used [http://jqueryui.com/ jQuery UI] and we very especially fond of its tabs. After playing around with some html and css, we soonly decided to integrate [http://getbootstrap.com/2.3.2/ bootstrap 2]for styling our interface. As our Django models and forms would deal a lot with many-to-many relationships and as the default multichoice html box is extremely user-unfriendly, we searched for JS libraries capable of improving this experience. We initially decided to use [http://harvesthq.github.io/chosen/ chosen.js], but then we quickly switched to [http://ivaynberg.github.io/select2/ select2], which provides many more functionalities. | This week we started trying to get the basics necessary for a decent user experience up and running. The pages for the Pfam input and the selection of NRP monomers were created. For this we used [http://jqueryui.com/ jQuery UI] and we very especially fond of its tabs. After playing around with some html and css, we soonly decided to integrate [http://getbootstrap.com/2.3.2/ bootstrap 2]for styling our interface. As our Django models and forms would deal a lot with many-to-many relationships and as the default multichoice html box is extremely user-unfriendly, we searched for JS libraries capable of improving this experience. We initially decided to use [http://harvesthq.github.io/chosen/ chosen.js], but then we quickly switched to [http://ivaynberg.github.io/select2/ select2], which provides many more functionalities. |
Revision as of 03:49, 5 October 2013
Graphical user interface and Django-registration
This week we started trying to get the basics necessary for a decent user experience up and running. The pages for the Pfam input and the selection of NRP monomers were created. For this we used [http://jqueryui.com/ jQuery UI] and we very especially fond of its tabs. After playing around with some html and css, we soonly decided to integrate [http://getbootstrap.com/2.3.2/ bootstrap 2]for styling our interface. As our Django models and forms would deal a lot with many-to-many relationships and as the default multichoice html box is extremely user-unfriendly, we searched for JS libraries capable of improving this experience. We initially decided to use [http://harvesthq.github.io/chosen/ chosen.js], but then we quickly switched to [http://ivaynberg.github.io/select2/ select2], which provides many more functionalities.
Also in order to enable the smooth handling of user registration, login etc., the django-registration was roughly integrated to the rest of the software.