search

Esri / geoform-template-js

GeoForm is a configurable template for form based data editing of a Feature Service.
http://esri.github.io/geoform-template-js/
Apache License 2.0
67 stars 83 forks source link

navbar design #410

Closed driskull closed 9 years ago

driskull commented 9 years ago

Currently, we're using pills that partially use a navbar. We should just use a navbar for both of these navigation areas I think.

here's how I propose we use the components:

Large: navbar-1

Small: navbar-2

So instead of tabs/pills, we use navbar. They should have "container-fluid" class so that they stretch all the way without padding/rounded corners. The navbar would have icons to the left of the text. The share button could have text next to it's icon as well. The top navbar will use inverse class so it has a darker/more defined look whereas the one inside the left panel will have the default lighter style.

The other option would be to just use one navbar like below but it could be an issue if the title is long. http://geospatialem.github.io/conference-map/

The mobile navbar could be a separate navbar if necessary. I see that you're currently using one navbar and hiding the map button at large sizes.

I can help implement this if necessary but I don't want to step on your toes.

http://getbootstrap.com/components/#navbar-default http://getbootstrap.com/components/#navbar-inverted

driskull commented 9 years ago

We'll need to update the design to make sure the submit entry button is always showing.

We should also use pagination that only shows 10-15 results at a time. so the scroll area isn't too long if at all there.

unknown-1 unknown