esri / geoform-template-js Goto Github PK

Will need to save the current modified settings to the window object or using a cookie that the iframe/preview window can access.

Show what fields are incomplete.

Change text from "Please verify the form for errors and resubmit the form" to "The following fields are required. Please enter the following fields before submission:"

• Field Name 1
• Field Name 1
• Field Name 1
• etc.

Link each field name using an anchor to the ID of the field so they can easily jump to it.

When doing validation, anchor link the user to the error at the top. If they click submit and the form is long, they don't see the error.

1. Currently, it seems all inputs have a fieldname of undefined. This should be addressed.

2. Each label should have a "for" attribute that contains the ID of the input that it's for. This is so clicking on the label moves to the input and that the label is referenced to the input.

http://www.w3schools.com/tags/att_label_for.asp

Once form is submitted, clear out form fields so they dont submit twice

Use this class for floating one of the coordinates right.

http://getbootstrap.com/css/#helper-classes-floats

Use the clearfix class to clear the float after.

http://bootswatch.com/

For the themes option in bulder, lets be able to choose between:

Default
Cyborg: http://bootswatch.com/cyborg/
cerulean: http://bootswatch.com/cerulean/
Journal: http://bootswatch.com/journal/
Darkly: http://bootswatch.com/darkly/

Show the same kind of progress bar when submitting form as a user.

Matt - I will let you decide how to proceed here.
https://github.com/Esri/offline-editor-js

In index.html, don't load signInHelper or domClass unless in builder mode. Move to builder require function.

If a user changes the layer, the same fields currently show. Make sure that the fields match up to the layer schema. If no fields are configured, use default schema showing all fields.

The author should be able to easily toggle select all or no field (just in case they have many attributes in the data model, but only want to display a few).

use the jquery UI datepicker instead of the one currently being used.

It looks like the app reloads because it shows the loading spinner and everything disappears.

Instead, can we show the modal dialog with a progress bar in it?

Maybe show the user what is happening as well.

http://getbootstrap.com/components/#progress-label

I published a new app and tried to view it off the bat and it say's this as an error in the console.

This is before it has been configured but it should probably show the page with the error that no layer is configured.

http://esri.github.io/geoform-template-js/?appid=be338760de9249f8b15df22a8e4ee586

Doesnt need to link anywhere.

Use the Form Detail boxes below to customize the Title, add a custom logo, and provide a short description for your GeoForm audience.

Something like:

Submission Received

Thank you for your GeoForm submission! Now share this with others or submit another entry.

Currently, it looks like this:

If a label is undefined, use the text field alias or the field name.

If the field description is undefined, do not show it.

Using CSS, set a minimum width on the text input boxes within the builder table. These are too small to read or enter on a mobile device.

http://getbootstrap.com/javascript/#buttons

Show loading in the button like in example in link.

See Basecamp https://basecamp.com/1924125/projects/5664253/messages/26993525

Instead of using javascript alert() we should be using either the reportError function to report the error to the user or using the styles for validation or messages from Bootstrap.

Remove the clear button as it's unnecessary. Rename "Submit" to "Submit new entry"

Default theme should be set as default in the config

Currently, it is the readable one.

Change "Share this map" to "Share this GeoForm".

Change "Map Link" to "Form Link".

See Bascamp for description. https://basecamp.com/1924125/projects/5664253/messages/26993525

See Basecamp https://basecamp.com/1924125/projects/5664253/messages/26993525

author and user files still need strings put in NLS file

End user: http://driskull.github.io/geo-form-template-js/
Author: http://driskull.github.io/geo-form-template-js/builder.html

Currently, it shows the same dialog and text for when a user submits the form. We should say something different when the author publishes the form.

Something like:

"Your GeoForm has been updated & published".

"You can start collecting information from users by sharing out the link below. Tell all your friends!"

https://basecamp.com/1924125/projects/5664253/messages/26654548

Currently, there's no way to use the default form theme once you've selected a theme. Provide an option to use the default bootstrap theme.

An image was provided previously.

When creating a new app and sharing it, the builder opens but the webmap isn't shown or selected even though it's set in the URL.

http://esri.github.io/geoform-template-js/?appid=be338760de9249f8b15df22a8e4ee586&webmap=5fd247b0e5d844d99b7b9af36286a535&edit=true

The location that they add should be movable.

Put the coordinates together on the left side.

Format them like this:

Lattitude: -117.12345, Logitude: 34.12345

To enter builder mode, an author will be directed to index.html?edit=true from the configure button on AGOL.

http://getbootstrap.com/css/#forms-control-validation

See Basecamp https://basecamp.com/1924125/projects/5664253/messages/26993525

A user should know which fields are required before submitting. Highlight the required fields using a span containing an asterisk and using the text-danger class.

http://getbootstrap.com/css/#helper-classes

remove inline styles from template html files