6.30. Design customization

The look of your Web GIS can be modified. You can customize logos, title, fonts, colors of the header, background, buttons and other elements.

Note

These settings can only be changed by an administrator. Apart from changing the Web GIS name and fonts, other design settings are only available on the Premium subscription plan.

6.30.1. Web GIS name

It’s the title displayed next to the logo on the top bar of the page. By default it’s the same as the Web GIS URL, but it can be changed.

../../_images/webgis_name_default_en.png

Pic. 6.304. Default name

../../_images/webgis_name_custom_en.png

Pic. 6.305. Custom name

6.30.2. Font management

NestGIS Web allows to upload custom fonts in addition to system ones.

To open the font management page, go to the Main menu, open the Control panel and in the Settings section select “Font management”. If no additional fonts have been uploaded, the list is empty.

To view the pre-installed fonts, tick “Show system fonts”.

../../_images/font_manag_en.png

Pic. 6.306. Font management page. System fonts are shown. A custom font is selected.

On this page you can view the list of system and custom fonts, upload or delete custom fonts.

6.30.2.1. How to add a font

Users can add custom fonts.

Important

The font must be used as labels in the appropriate QGIS style for the layer to which you want to apply this font. More about labels in QGIS.

Technical requirements:

  • TTF or OTF format;

  • File size up to 10MB;

  • Filename only has basic latin characters, numbers, underscore (_) and dash (-).

To add a custom font, on the Font management page press Upload and select the font file from your device.

../../_images/font_upload_en1.png

Pic. 6.307. Uploading custom font

To install the font the Web GIS needs to restart. Make sure there are no ongoing requests, restarting Web GIS aborts them.

../../_images/font_upload_refresh_alert_en1.png

Pic. 6.308. Web GIS restart alert

Press Ok to complete font uploading.

After the installation is complete, the new font will appear in the list, marked as “Custom”.

../../_images/font_upload_result_en1.png

Pic. 6.309. Custom font added successfully

See the process in our video:

Watch on youtube.

6.30.2.2. How to delete a custom font

Only custom fonts added by users can be deleted.

To delete a font, go to Font management page of the Control panel. Tick the font you’d like to delete.

Press Delete. While deleting a font, as while installing one, Web GIS needs to be restarted.

../../_images/font_delete_en1.png

Pic. 6.310. Deleting custom font

6.30.4. Customize the design with CSS

You can modify the look of NextGIS Web using CSS. From the main menu (see Pic. 6.5.) open the Control Panel (see Pic. 6.6.). In the Control Panel (see Pic. 6.10.) select Custom CSS in the Settings section. Here you can enter your own CSS rules. They will be used throughout your Web GIS on all its pages.

6.30.5. Custom CSS examples

6.30.5.1. Change main Web GIS color

Affects header, symbols in the header, buttons, field contours, links highlighted on hover etc.

:root {
--primary: red
}

6.30.5.2. Change main font color

Affects menu, name and parameters of displayed resource group etc.

:root {
--text-base: #ff6600
}

6.30.5.3. Change additional font color

Affects paths for the displayed resource, parameters etc.

:root {
--text-secondary: rgb(40 200 40 / .8)
}

6.30.6. Resource export

To hide the ability to export data from Web GIS from certain categories of users, you need to:

  • Go to Control Panel -> Settings -> Resource export

  • Select the type of users that will be able to export data (only administrators / users with Data:Read or Data:Modify permissions)

Users who do not fit the selected list will not see the “Save as” link in the interface.

../../_images/admin_system_res_export_en_2.png

Pic. 6.311. Selecting a category of users entitled to export data

../../_images/action_panel_export_en.png

Pic. 6.312. Data export available in the Features panel

The categories of users you can select to have access to “Save as” action:

  • administrators

or users with the permission to:

  • Read data

  • Modify data

All other users will not be able to save data from the Web GIS interface.

More on how to set up permissions to read and modify data here.

Note

This setting does not in any way affect the ability to receive data through the REST API in accordance with the set permissions to them.

6.30.7. How to change the homepage address

By default the starting page of your Web GIS is the main resource page (/resource/0). You can change which page will be opened first. If this is a Web map, it might look like this: /resource/644/display.

  1. Sign in as the user with administrative privileges and open Control panel, then select Home path.

  2. Enter path to the resource page that should be opened first when you Web GIS is accessed.

After making this setting visiting http://yourwebgis.nextgis.com will open not the main resource contents page, but the page you’ve set up. To access main resource content page after this setting you will need to go directly to: http://yourwebgis.nextgis.com/resource/0.