GNIP 28 Adoption of Twitter Bootstrap CSS Framework

GNIP 28 - Adoption of Twitter Bootstrap CSS Framework

Overview

Implement a new set of default templates in GeoNodePy using the Twitter Bootstrap CSS framework.

Initial work on this issue by Eldarion:

https://github.com/eldarion/geonode/commits/bootstrap

Proposed By

Jeffrey Johnson

Assigned to Release

TBD

State

For Review and Comment

Motivation

As part of a broader plan to improve the UI/UX of GeoNode, the usage of a comprehensive and popular CSS framework provides numerous advantages. Bootstrap was chosen as a suitable CSS framework for the following reasons:

• Cross-browser HTML5 support
• The quality of Bootstrap's documentation (which itself serves as complete suite of practical examples)
• Easy style customization options by using LESS variables (as well as a vibrant community of contributed themes)
• Continued improvement in Bootstrap that GeoNode can take advantage of going forward
• Bootstrap's popularity amongst designers and developers will open up GeoNode to more potential contibutors

Proposal

Implement a new set of GeoNode templates using Bootstrap styles and javascript components.

Issues

There are some CSS clashes with Bootstrap and other GeoNode components (ExtJS and OpenLayers) which are remedied with some additional CSS in the GeoNode base template.

Testing

This is a good opportunity to explore the usage of Selenium for automated functional testing of GeoNode.

Alternatives

Do nothing.

Feedback

Discussion of this GNIP has taken place in the following threads.

https://groups.google.com/a/opengeo.org/group/geonode-dev/browse_thread/thread/7dea6cead4d06d9a/8b791aacc9360a1d?lnk=gst&q=GNIP+28#8b791aacc9360a1d

https://groups.google.com/a/opengeo.org/group/geonode-dev/browse_thread/thread/84a581742145380f/55b78262f819957e?lnk=gst&q=bootstrap#55b78262f819957e

TODO

Voting

+1 Ariel.