HOW TO

Remove the 'Submit Your App' tab in Maps and Apps

Last Published: April 25, 2020

Summary

ArcGIS for Local Government provides maps and apps that help implement GIS in a local government context, and a destination where users, partners, and the teams within Esri can collaborate. The instructions provided describe how to remove the 'Submit Your App' tab in Maps and Apps.

Procedure

Once the ArcGIS for Local Government Maps and Apps template has been downloaded and extracted to the local machine, an Application folder is created under the install location.

To remove the Submit Your App tab, edit the styles.css and mapps.html files.

Warning:
Caution: The instructions below include making changes to essential files. It is recommended that you backup the original files before proceeding and follow the steps carefully.

  1. Edit styles.ccs
    A. Navigate to <installation folder> Application > MapsAndApps > Configuration and open styles.ccs in a text editor.

    B. In the styles.css file, divide the tab bar into three parts by changing

    Code:
    width: 24.8%; /* Divide tab bar into 4 parts, but must be a bit less than 25% because of the separator widths */

    to

    Code:
    width: 32.8%; /* Divide tab bar into 3 parts, but must be a bit less than 33% because of the separator widths */

    C. Save the changes.

  2. Edit mapps.html
    A. Navigate to <installation folder> Application > MapsAndApps and open mapps.html in a text editor.

    B. In the mapps.html file, delete the seven statements start with

    Code:
    dojo.connect(...

    and end with

    Code:
    ..., updateSubmitResetButtons);

    C. Delete the following statement.

    Code:
    dijit.byId("licenseInfo").set("value", configData.govtFormalName)

    D. Delete the section of statements that starts with

    Code:
    // Upload the image file when the form is submitted, then do the actual form submit
    dojo.connect(dijit.byId("thumbnail"), "onBegin", function(event) {
    // Try to block multiple submissions
    dijit.byId("submitButton").set("disabled", true);
    dijit.byId("resetButton").set("disabled", true);
    });

    all the way through

    Code:
    else
    {
    dojo.style("uploadingActive", "display", "none");
    dojo.style("uploadingFailed", "display", "block");
    }

    resetForm(false);
    });

    E. Delete the following statements.

    Note:
    This includes five of the statements from step B, so they are already gone.


    Code:
    // Set initial conditions in submit form
    if(disableThumbnailUpload)
    {
    dojo.addClass("submissionForm", "absent");
    dojo.removeClass("submissionFormNotAvailable", "absent");
    }

    // Update the image file name after a selection of an image file
    dojo.connect(dijit.byId("thumbnail"), "onChange", function(event) {
    dojo.byId("uploadedfileEcho").innerHTML = event && 0 < event.length ? encodeURIComponent(event[0].name) : "";
    updateSubmitResetButtons();
    });

    dojo.connect(dijit.byId("title"), "onChange", updateSubmitResetButtons);
    dojo.connect(dijit.byId("accessInformation"), "onChange", updateSubmitResetButtons);
    dojo.connect(dijit.byId("description"), "onChange", updateSubmitResetButtons);
    dojo.connect(dijit.byId("url"), "onChange", updateSubmitResetButtons);
    updateSubmitResetButtons();

    F. Delete 'function updateSubmitResetButtons'.

    G. Delete 'function resetForm'.

    H. Delete 'function prepareFormForSubmission'.

    I. Change the tab bar line from

    Code:
    <div id="tabBar"><span class="tabBarTitle" onclick="changeSubpage('Home',true)">Home</span><img src="graphics/separator.png"
    /><span class="tabBarTitle" onclick="changeSubpage('Gallery',false)">Gallery</span><img src="graphics/separator.png"
    /><span class="tabBarTitle" onclick="changeSubpage('SubmitApp',false)">Submit Your App</span><img src="graphics/separator.png"
    /><span class="tabBarTitle" onclick="changeSubpage('About',true)">About</span>

    to

    Code:
    <div id="tabBar"><span class="tabBarTitle" onclick="changeSubpage('Home',true)">Home</span><img src="graphics/separator.png"
    /><span class="tabBarTitle" onclick="changeSubpage('Gallery',false)">Gallery</span><img src="graphics/separator.png"
    /><span class="tabBarTitle" onclick="changeSubpage('About',true)">About</span>

    J. Delete the Submit Your App section, starting from

    Code:
    <!-- Submit Your App -->
    <div id="SubmitApp" data-dojo-type="dijit.layout.ContentPane"
    data-dojo-props="title:'Submit Your App'">
    <div class="subpage" data-dojo-type="dijit.layout.BorderContainer"
    data-dojo-props="design:'headline',gutters:false">
    <div class="fullHeight noPad" data-dojo-type="dijit.layout.SplitContainer"
    data-dojo-props="region:'center',orientation:'horizontal',splitter:'true'">

    all the way through

    Code:


    <!-- Submit Your App -->
    K. Save the changes.

Article ID:000011567

Software:
  • ArcGIS for Local Government

Get help from ArcGIS experts

Contact technical support

Download the Esri Support App

Go to download options

Related Information

Discover more on this topic