Widgets & Additional Functions

Once your project is published, you can further enrich your WebGIS service by enabling a variety of widgets and additional interactive features.

From the Project List page, each project includes a set of Tools that let you manage and configure advanced functionalities:

Image credit: G3W-SUITE

Click the Layers icon to access the QGIS Project Layers page. Here, the Actions column allows you to set up a range of layer-specific functions:

Image credit: G3W-SUITE

Step 1: Create a Search Widget

Search widgets allow users to filter data based on attribute fields from vector layers. Each widget is saved using the layer’s internal identifiers.

1. From the Project List page, click the Layers icon.

2. In the row for the landuse layer, click the Widgets List icon.

3. Click Add New Widget to create a new one.

4. In the Widget Creation Form, fill out the fields:

   
   

   Field	Field Input	Description
   Type	Search	Widget type
   Name	Land Use Search	Label that appears to end users
   Search Title	Land Use Search	Internal name of the widget
   Field	type	Field used for querying
   Widget	SelectBox	UI element used for the search input
   Alias	Land Use Type	Display name shown in the interface
   Operator	= (equal)	Query operator applied to the field

   
   

5. Click OK to save.

Image credit: G3W-SUITE

Step 2: Create a Plots Widget

The QPlotly widget lets users view interactive charts created in QGIS using the DataPlotly plugin. These plots are saved as .xml files and integrated into your WebGIS project.

1. From the Project List page, click the Layers icon.

2. In the row for the natural layer, click the QPlotly Widget icon.

3. Click New QPlotly Widget to upload a new chart.

4. Upload the file: qplotly_natural-type-distribution.xml.

5. Click OK to save.

Image credit: G3W-SUITE

---

Next up: We’ll walk you through enabling editing tools so users can update data directly within your WebGIS service.