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.
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”.
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.
To install the font the Web GIS needs to restart. Make sure there are no ongoing requests, restarting Web GIS aborts them.
Press Ok to complete font uploading.
After the installation is complete, the new font will appear in the list, marked as “Custom”.
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.
6.30.3. Upload a logo
You can change the upper-left logo (present on all pages), you can’t change the Web map logo (lower right).
To upload a logo choose Custom logo on control panel (see item 1 in Pic. 6.5.) and in opened window upload a file in PNG format with height up to 45 px, width up to 200 px. Then press “Save”.
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.
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
.
Sign in as the user with administrative privileges and open Control panel, then select Home path.
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
.