search

Esri / edit-template

Edit is a configurable application template that enables you to provide basic editing capabilites for editable layers in a web map.
10 stars 23 forks source link

Customizing the HTML - Side panel #5

Closed BretWhiteley closed 9 years ago

BretWhiteley commented 9 years ago

Thank you for assisting me yesterday in adding a custom logo to the header section. Could you provide a similar snippet to add another graphic, as well as some descriptive (instructive) text to the side panel? I find that users that are not experienced with web-maps, need to be walked through how to add, or edit features. I wold thus like to add the following text right above the template picker DIV "To enter a new point on the map, click on a category below and place it on the map".

It would be great if this template could be modified to allow easier customization. I realize that the template is designed to be responsive to mobile and desktop platforms, but by programmatically creating the content, this however makes it difficult for additional customization. i.e., I would like to add a GeoCoder and Checkbox's to toggle visible layers. With the content being created in the "CreateContent.js" file, I would not know how to add these elements to the page.

jgravois commented 9 years ago

you're gonna have to take a stab at it yourself first and share what you've tried.

also, you'll get a lot more visibility if you posted questions like these in our user forums or on gis.stackexchange. Github issues are only monitored by people actively contributing to a repo and are generally reserved for logging 'bugs'.

that being said i understand the frustration of having to dive into the JavaScript to modify things that often layed out declaratively in HTML, so perhaps some sort of wiki or tutorial in this repo to walk through common customization workflows is in order. this would be something anybody in the community could contribute to.

kellyhutchins commented 9 years ago

@BretWhiteley I just pushed an update to this template that contains search (geocoder) capability. The app has also been slightly re-engineered and might be easier to customize. For example if you wanted to add some instructions that explain how to use the template you'd want to add code like the following to drawer.js right above the code that creates the editor content pane (approx line 170). 

            var desc = new ContentPane({
                region: "top",
                style: "border:none;",
                content: "<div>Instructions for how to use template go here</div>"
            });
            this._contentPaneSide.addChild(desc);