Skip to content

Configure Portal for ArcGIS

Joe Bayles edited this page Jan 31, 2017 · 1 revision

To configure your Portal a banner can be added to the top and a Group needs to be created to share your Application created with. This group can then be used to create a Gallery App so that your content can be shared with related details attached with the rest of your organization.

Add Classification Banners to Portal

To add classification banners to the portal, follow the instructions provided by the ArcGIS for Server team.

Add Classification Banners to Web App

To add classifications banner to a Web App created using ArcGIS Web AppBuilder undertake the follow the steps:

  1. In the root folder of the application open up index.html in a text editor.
  2. Scroll down until you find the main-page div:
  3. <div id="main-page">
       <div id="jimu-layout-manager"></div>
    </div>
  4. Above the main-page div add the following:
  5. <div title="UNCLASSIFIED" style="height: 20px;width: 100%;background: #78D428;color: #000;text-align: center;font-weight: 700;border: 1px solid gray;padding: 0!important;overflow: hidden; text-overflow: ellipsis;position: fixed;top: 0px;">UNCLASSIFIED<div>
  6. Below the main-page div add the following:
  7. <div title="UNCLASSIFIED" style="height: 20px;width: 100%;background: #78D428;color: #000;text-align: center;font-weight: 700;border: 1px solid gray;padding: 0!important;overflow: hidden; text-overflow: ellipsis;position: fixed;bottom: 0px;">UNCLASSIFIED</div>
  8. It should now look like:
  9. <div title="UNCLASSIFIED" style="height: 20px;width: 100%;background: #78D428;color: #000;text-align: center;font-weight: 700;border: 1px solid gray;padding: 0!important;overflow: hidden; text-overflow: ellipsis;position: fixed;top: 0px;">UNCLASSIFIED<div>
    <div id="main-page">
       <div id="jimu-layout-manager"></div>
    </div>
    <div title="UNCLASSIFIED" style="height: 20px;width: 100%;background: #78D428;color: #000;text-align: center;font-weight: 700;border: 1px solid gray;padding: 0!important;overflow: hidden; text-overflow: ellipsis;position: fixed;bottom: 0px;">UNCLASSIFIED</div>
  10. Save index.html
  11. In the same folder open config.json in a text editor.
  12. Change the map properties from those in the left column to those in the right:

  13. "map": {
      "3D": true,
      "2D": false,
      "position": {
        "left": 0,
        "top": 40,
        "right": 0,
        "bottom": 0
    },

    "map": {
      "3D": true,
      "2D": false,
      "position": {
        "left": 0,
        "top": 60,
        "right": 0,
        "bottom": 20
    },
  14. Change the HeaderController Widget properties from those in the left column to those in the right:

  15. "position": {
      "left": 0,
      "top": 0,
      "right": 0,
      "height": 40,
      "paddingRight": 0,
      "relativeTo":
        "browser"
    },

    "position": {
      "left": 0,
      "top": 20,
      "right": 0,
      "height": 40,
      "paddingRight": 0,
      "relativeTo":
        "browser"
    },
  16. Save config.json

Creating and configuring a Portal Group

To be able to share the Web Apps created a Portal Group needs to be created for them to be shared with. The best instructions for this are provided by the ArcGIS for Server team.

Creating and configuring a Portal Gallery App

To be able to share the Web Apps a gallery app needs to be created. The best instructions for this are provided by the ArcGIS for Server team.

The Gallery can then be configured using the following instructions.