App builder
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.
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.
Toolbar
Select tools that will appear on the custom app.
- 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.
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
- Click Add new item
- Select one of available actions
- Add button name
- If necessary, add additional info for button
- Click Add
- 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.
- Click Logo button
- Hit Browse and upload your custom logo
- Click Save
- Preview&Close.
Panel
In panels you can add advanced filters, open static text or open another web page within a panel.
Static text/HTML
- Select Add new panel
- Add Title, height and width in pixels
- Check or uncheck Open by default option
- From the Content Drop down select Static text/HTML
- Write text in the box below
- Click Add
- Preview&Save
URL
- Select Add new panel
- Add Title, height and width in pixels
- Check or uncheck Open by default option
- From the content drop down list select Url
- In the box add Url
- 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.
- Add Title, height and width in pixels
- Check or uncheck Open by default option
- From the content drop down list select Local file content
- Browse file and click Add
- Preview&Save
GIS Cloud Filter
Filters are used for extracting data both in the data grid and map view.
- Select Add new panel
- Add Title, height and width in pixels
- Check or uncheck Open by default option
- From the Content drop down select filters. Note that only layers imported in the Database can be filtered
- Click Filter button
- Select one of the available filters from the drop down list. Here you can find detailed information about filters
- Click Forward configuration to App Builder button
- Click Add button
- Preview&Save
Datagrid
Check or uncheck box to show or hide data grid on the bottom of the page. Hit Preview&Save.
Homepage
Check Show homepage box to show homepage. Select Default, All, My and/or Shared maps, hit Preview&Save.
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