With App builder you can customize your custom app (Map Portal) according to your needs. You can create user friendly user interface by yourself, without programming knowledge.

It is possible to add your personal logo, custom color, tools, buttons, panels and many more.

Open app builder

To start app builder open your custom app and add /builder in the URL bar e.g. https://app109168.giscloud.com/builder

Login with your GIS Cloud credentials.

App builder interface will open from the left side.

Preview button is used to review changes made on custom app before they are published to other users or public. Changes will be saved after Save button is hit.

open builder1

Customize your app

Map

Select default map from the drop down menu. This map will open by default when app is refreshed. Click Preview to see changes and Save to save changes.

default map

Toolbar

Select tools that will appear on the custom app.

toolbar2

  • Search
  • Layer list
  • Zoom in
  • Zoom out
  • Show/hide toolbar
  • Info
  • Select
  • Area selection
  • Zoom to current
  • Google Street View
  • Zoom
  • Zoom to Full Map Extent
  • Print tool
  • Measuring tools
  • Map Scale
  • Change units projection
  • Jump to Coordinates
  • Number of Selected Objects on the Map

Top menu

In the top menu it is possible to add buttons, set background color, hide and show search (magnifying glass) and set your custom logo.

switch map

You can choose between:

  • Switch map
  • Export map
  • Export layer
  • Features – add, edit or delete feature(s)
  • Homepage – opens Homepage (only if homepage is set)
  • Analysis – area, buffer, near, hotspot, spatial filter
  • Panel – button will open one of the created panels
  • Link – button will link to a web page e.g. www.giscloud.com
  • JavaScript – add JavaScript code for additional customization

 

Add new button

  1. Click Add new item
  2. Select one of available actions
  3. Add button name
  4. If necessary, add additional info for button
  5. Click Add
  6. Preview&Save

 

Background color

Select color or add hex color code to change top ribbon color

 

Search

Check Search box to show Search from the Top Menu (magnifying glass).

 

Logo

You can upload and add your custom logo. It should be 60*43 pixels in size, but it can be larger too.

  1. Click Logo button
  2. Hit Browse and upload your custom logo
  3. Click Save
  4. Preview&Close.

 

Panel

In panels you can add advanced filters, open static text or open another web page within a panel.

panel11

 

Static text/HTML

  1. Select Add new panel
  2. Add Title, height and width in pixels
  3. Check or uncheck Open by default option
  4. From the Content Drop down select Static text/HTML
  5. Write text in the box below
  6. Click Add
  7. Preview&Save

 

URL

  1. Select Add new panel
  2. Add Title, height and width in pixels
  3. Check or uncheck Open by default option
  4. From the content drop down list select Url
  5. In the box add Url
  6. Preview&Save

Note: Please be aware of http/https protocol, if your app is open with https, then your url must use the same protocol!

 

Local file content

If you have text file stored in your File Manager, you can display it on a panel.

  1. Add Title, height and width in pixels
  2. Check or uncheck Open by default option
  3. From the content drop down list select Local file content
  4. Browse file and click Add
  5. Preview&Save

 

GIS Cloud Filter

Filters are used for extracting data both in the data grid and map view.

  1. Select Add new panel
  2. Add Title, height and width in pixels
  3. Check or uncheck Open by default option
  4. From the Content drop down select filters. Note that only layers imported in the Database can be filtered
  5. Click Filter button
  6. Select one of the available filters from the drop down list. Here you can find detailed information about filters
  7. Click Forward configuration to App Builder button
  8. Click Add button
  9. Preview&Save

 

Datagrid

Check or uncheck box to show or hide data grid on the bottom of the page. Hit Preview&Save.

data grid on

Homepage

Check Show homepage box to show homepage. Select Default, All, My and/or Shared maps, hit Preview&Save.

homepage1

 

After all changes are made, from the app URL delete /builder.

If you want to change app domain, from default e.g. app103168.giscloud.com to some other, please contact us at info@giscloud.com