Skip to main content

Questions tagged [css]

CSS (Cascading Style Sheets) add style to web pages.

Filter by
Sorted by
Tagged with
1 vote
1 answer
60 views

How to apply specific styling to Group layers in the LayerList Widget

Using ArcGIS Maps SDK for JavaScript 4.24, I would like to change the formatting of Group Layers within the LayerList Widget, such that the group layers can be immediately distinguished from non-group ...
Stephen Lead's user avatar
  • 21.2k
0 votes
0 answers
53 views

GeoServer, CSS Styling, SVG parameters

I have a working SLD 1.1. on GeoServer 2.24.1 Part of SLD calls a parametric SVG image (green fill (#335b239) and red stroke(#ff0000)): <!--Parametric SVG--> <se:ExternalGraphic> <se:...
JA_LL's user avatar
  • 29
0 votes
0 answers
26 views

Custom Draggable legend not working on Fullscreen Folium Plugin

The code below for adding a draggable legend is taken from: How can I add a legend to a folium map? On adding the Fullscreen folium plugin, with fullscreen mode the draggable legend is hidden ...
Ceraunophile's user avatar
0 votes
1 answer
43 views

Styling GeoServer with CSS, what are the gt-labels?

I use CSS to style layers in GeoServer. Some style parameters user gt-as a prefix. Like gt-label-follow-line or gt-label-repeat. What does gt stand for and where is the documentation for using those ...
jeemil's user avatar
  • 21
0 votes
0 answers
41 views

PopUp not showing

I'm trying to show some attributes by popup, following a YT video, but cant seem to get it working. Please help me understand what am doing wrong..(features stored in geoserver) The code is Index.html ...
SaFaL's user avatar
  • 19
0 votes
0 answers
72 views

Changing Font Size in QGIS2threejs display

I did quite a bit of searching on this topic, including reviewing in detail the two topics StackExchange immediately suggested for me (How to change text style in qgis2threejs?, Changing font in ...
Jon Sundquist's user avatar
0 votes
0 answers
46 views

GeoServer CSS point attribute filter removing data but visible on layer

I am trying to create a point layer with the constraints as follows: If [current year] - [year of data point] <= 3 then use square symbol otherwise use circle symbol Regardless of the year of the ...
Suchitha Dehigaspitiya's user avatar
1 vote
1 answer
91 views

Collapse geocoder plugin search box in Mapbox

How do I make my MapboxGeocoder collapse when not on hover? I am trying to make it like this example (be sure to add your access token to the end), where the Geocoder search field expands when it's ...
DaCuteRaccoon's user avatar
1 vote
1 answer
60 views

Changing closeBox color of ol-ext PoupFeature in OpenLayers

I'm using the PopupFeature from the ol-ext library with Openlayers. Where can I change the color of the popup close button? var popup = new ol.Overlay.PopupFeature({ popupClass: 'default anim', ...
Andreia Gusmao's user avatar
0 votes
0 answers
35 views

How can I apply multiple rules in GeoServer CSS while avoiding the generation of multiple legends?

I'm using GeoServer with CSS to style map features. I've defined multiple rules based on the 'street_wid' attribute and a label rule. However, applying these rules results in multiple legends. I want ...
Cherryl Rarewings's user avatar
0 votes
1 answer
631 views

OpenLayers map rendering issue in Next.js 13 using TailwindCSS on a page with sticky header and footer

I am building a web app using Openlayers in Next.js 13 with TailwindCSS. I am encountering a issue/bug with rendering the base map inside a page with a sticky header and footer. The map has scrollbar ...
Sonny's user avatar
  • 13
0 votes
1 answer
77 views

Publishing CSS Styles to Geoserver in Java [closed]

I want to directly upload and publish a CSS format style in Java, but after trying for a while, it has failed. How can I do this?
LiuX's user avatar
  • 7
3 votes
0 answers
125 views

Position text in lower right corner of a HTML label in Layout

I have a problem with QGIS 3.32.x, where I cannot vertically align HTML labels in Layouts anymore. The following HTML is perfectly aligned in QGIS 3.30, but refuses to align in QGIS 3.32.x: <div ...
christoph's user avatar
  • 5,857
2 votes
1 answer
447 views

Styling line using attribute from GeoJSON object in Leaflet?

I have a problem styling my lines using the exported attribute from QGIS from within Open Studio Code. I have attached screenshots to help better understand the problem. My popup is able to take ...
Gregory C's user avatar
  • 413
0 votes
0 answers
351 views

ol-ext: control legend with image item - how to decrease space between items?

I'm using the example http://viglino.github.io/ol-ext/examples/legend/map.control.legend.image.html with OpenLayers to show the legend of my layers. However, I would like to decrease the space between ...
user12538529's user avatar
2 votes
0 answers
61 views

CSS coding environment out of GeoServer

I am migrating the styles of my layers to use only CSS, however I would like a system where I can create and edit my styles outside of the GeoServer environment, as is done with SLD styles in QGIS. I ...
GEOgrafando's user avatar
1 vote
0 answers
218 views

Styling the UI elements of Qt Designer through Plugin in QGIS

I am trying to style the UI elements built through Qt Designer(drag-drop) via the plugin for QGIS. I have tried to import 'style.css' to the plugin main file, but it is not reflecting the changes in ...
BenStone's user avatar
  • 333
0 votes
1 answer
269 views

Two Openlayers maps with different versions, only either shows

I have 2 openlayers maps on the same web page. Only one of them shows as importing the css and js libraries related to each map, makes the other one not visible. I have tried commenting the ol.js and ...
Paul Butler's user avatar
0 votes
1 answer
561 views

GeoServer doesn't render SVG markers properly

GeoServer Version 2.21.0 GeoTools Version 27.0 GeoWebCache Version 1.21.0 GeoServer doesn't render SVG external graphic well, the graphics is cut and not all visible- only about upper left square is ...
Jonny JJ Cash's user avatar
0 votes
1 answer
216 views

QGIS - QGIS2WEB - Leaflet - CSS Code - Changing background colors [15.09.22]

I am using the QGIS2WEB plugin within QGIS 3.0. I have selected "Leaflet" for export. I am trying to use a different background-color than the normal white (#fff) that appears in the ...
Dravidian's user avatar
0 votes
1 answer
452 views

Map Disappearing on HTML page when Sizing is changed from pixels (px) to percentages (%)

I am trying to allow this map to be resized via screen size (Mobile, Tablet, Chrome (Half Screen, Full Screen, etc.) so I know I can't set a specific pixel amount. However, when I do set a percentage ...
MNorton91's user avatar
1 vote
1 answer
449 views

Change border color of individual overlay items in Leaflet-panel layers plugin?

I am using the Leaflet panel layers plug in and want to change the color of the border of each item in the overlay. I can change all of them at once in the css file but cant change them individually. ...
CLa's user avatar
  • 83
-1 votes
1 answer
305 views

QGis2web - I want to add a button to the map which leads to another webpage

I am using QGIS2web plugin to create a nice page that shows some work-related spatial data. I want to make it nice as possible, and one idea is to have a few normal buttons, preferably directly under ...
Tom Tchibo's user avatar
0 votes
1 answer
249 views

Lizmap and custom themes

I can't find where to change the footer_logo in Lizamp, through a custom theme. I downloaded the default theme with the command mydomainname.com/index.php/view/media/getDefaultTheme. Then I just ...
katagena's user avatar
  • 1,678
0 votes
1 answer
610 views

Make text color in innerHTML change depending on value in GeoJSON

When I hover over different counties on my map, a div updates whether or not the county voted republican or democratic in the 2020 election (among other things). It will either say it voted republican ...
liso_maps's user avatar
  • 103
0 votes
2 answers
319 views

GeoServer, Label rotation based on attribute value using CSS

I am using GeoServer to produce various layers including points, line and polygons etc. For the map styling CSS code has been used instead of SLD, everything has worked perfectly up until the last ...
Bill's user avatar
  • 1
0 votes
0 answers
102 views

GeoServer CSS - change size dynamically

I have set point style with three different size, based on three different scale. Is there any way to set one size and this one will increase or decrease automatically according with the scale (like ...
Dario C's user avatar
  • 11
1 vote
1 answer
711 views

GeoServer CSS style with condition

I have street numbers with a specific field. I would like to show points with different colours based on this field and, on the same scale, display text of the street number itself, based on another ...
Dario C's user avatar
  • 11
8 votes
1 answer
473 views

Does QGIS support HTML5 and CSS3?

I know that I can put HTML and CSS, and QGIS will render such code but some CSS styles like grid and pseudo-selectors are not working. Thus I wanted to know what level of support is there especially ...
Cap.Auh3b's user avatar
1 vote
0 answers
856 views

How to change the colour of an imported shapefile in Google Earth Engine?

I'm brand new to this website and coding. I'm using GEE to display NDVI with different classes of forest gain and loss. So I've imported a zip folder of shapefiles for my AOI, but how do I make the ...
Allison M's user avatar
2 votes
0 answers
1k views

Leaflet popup immediately closing

In my map (http://www.enjoytheparks.com/EtP_Map.html) I display "special" popups for Park Points of Interest. To see this, you would have to select a park first. Easiest way is use the ...
user25839's user avatar
  • 173
1 vote
1 answer
283 views

Force L.control.layers to stay permanently collapsed

I am building a map with Leaflet 1.3.1 containing two layers controls (Control1 and Control2). For some reasons, I want one of them (Control2) to be displayed on the map, and I need it to stay ...
je68's user avatar
  • 13
1 vote
2 answers
383 views

Underlining text in Google Earth Engine panel

I am currently writing a code for an app in which I would like to underline some text. However, looking at the ui.Panel.style options there is none which allows underlining the text. It says that ...
M. Nicolas's user avatar
  • 1,327
1 vote
0 answers
216 views

Custom position of in-panel widget ArcGIS Web App builder

I need the opportunity to toggle between 'draggable' position of an in-panel widget (ArcGIS Web App Builder 2.19) and its fixed position in the footer of an application. Is there an option to do it ...
Platon Yasev's user avatar
-1 votes
1 answer
1k views

How to alter how a popup appears on OpenLayers Map

I've the following JavaScript code for a popup to display on my OpenLayers map // Create a popup overlay which will be used to display feature info var popup = new ol.Overlay.Popup(); map.addOverlay(...
GIS_User2's user avatar
0 votes
1 answer
381 views

Leaflet GeoJSON filters not working

I've been struggling to get map filters to work on my Leaflet map. I've got minimal JavaScript or Leaflet knowledge so where I have got to now has been a struggle. I'm essentially trying to do the ...
Chris Jenner's user avatar
2 votes
1 answer
252 views

Zoomable world map with small countries highlighted

I'd like to create a zoomable world map where countries/territories are color-coded. This is a pretty standard request and Carto has a nice example. However, in standard maps like this, small ...
lambshaanxy's user avatar
1 vote
0 answers
105 views

Filtering pins from arrays with checkboxes and general cleanup

I am new JavaScript but I am looking for a way to use checkboxes to turn on and off sets of pins. The problem I am having is that I want to find the intersection of two arrays and pull the ...
Arrakis_Surfer's user avatar
0 votes
0 answers
2k views

className of leaflet popup option does not apply to the intended DOM element

I have a problem similar to this post. Basically, the CSS is not applying to the element I am trying to target, and I cannot see why not: /* css file: */ .sitePopUp .leaflet-popup-content-wrapper{ ...
EarlyCoder's user avatar
0 votes
1 answer
366 views

Move polygon label on geoserver layer by css style

I wish to change label position of polygon in Geoserver layer (custom local osm map), like that: but I don't understand how. label-anchor: was ignored. my style: * { font-family: "DejaVu ...
Tyomik_mnemonic's user avatar
0 votes
2 answers
773 views

L.control features showing up only below raster layers

I've been studying Leaflet and, when I was trying out some plugins, this issue showed up. Pop-ups and markers works fine, but the line (perimeter) won't show up unless I turn off the raster layers. ...
CSouza's user avatar
  • 63
1 vote
0 answers
320 views

Approach to smoothly transitioning a large amount of GeoJSON features' style

I'm working on an interactive Leaflet map with about 1000 GeoJSON features. When I click on a one of the menu items on right, I use a function to style the feature according the values of the active ...
ANimator120's user avatar
1 vote
1 answer
399 views

Adding a map legend to a webpage

On the web page where the map shows (using Mapbox GL) and I want to add legend. The icons in the mapbox map are in a sprite with the details in JSON. I can see the PNG sprite and JSON in the browser ...
Kimball's user avatar
  • 131
0 votes
0 answers
244 views

Is it possible to draw one way road direction arrows using CSS of GeoServer

Is it possible to draw one way road direction arrows using CSS of GeoServer? I want to get the same result as shown below (see img-1). (UPDATE) So far, I've added arrow sign as label in separate ...
Dan's user avatar
  • 1,070
1 vote
1 answer
2k views

Custom bootstrap popover in OpenLayers 5

I try to set different custom for my bootstraps popovers : "popup" and "popup_ancien". I can change CSS of my popovers together, by .popover-content or .popover-title, but how can I have two distinct ...
Zacharie Moulin's user avatar
1 vote
1 answer
341 views

Showing selected entities on a Leaflet map from onclick action within a <div> [closed]

I have displayed a layer of points using Leaflet. Here is my script embedded in the HTML code : var map = L.map('map', { center: [45.7604276, 4.8335709], zoom: 13 ...
RG70's user avatar
  • 31
7 votes
1 answer
2k views

Widget html QGIS

I am creating a mask in QGIS through the html widgwet , which, based on the value of an expression, creates or not circles. I created my css structure but I cannot integrate the question (the ...
GIOVA.A88's user avatar
  • 189
2 votes
1 answer
685 views

SLD, combine variable and propertyIsEqualTo

I'm trying to make simple switch (if if else) statement in SLD with value coming from variable. I'm calling Goeserver with parameter env=imageSize:A4. Now based on that, I'd like to set cssProperty ...
pcenta's user avatar
  • 137
0 votes
1 answer
260 views

Using CSS var function in GeoServer CSS styling

I wanted to check if I could use something like the CSS var() function with the GeoServer CSS plugin styles. Something to look like: :root { --land-color: #f2efe9; } /* @title ...
Dror Bogin's user avatar
  • 3,555
3 votes
1 answer
673 views

Making a popup (which is a DIV containing a panel consist of textbox and a button) to float within the map DIV only

The HTML for the popup is: <div id="commentBox" class="commentBox"> <div class="panel panel-default"> <div class="panel-body"> &...
Mayur Shinde's user avatar