Questions tagged [css]

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

Filter by
Sorted by
Tagged with
0 votes
0 answers
55 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 ...
user avatar
  • 600
0 votes
0 answers
22 views

GeoNetwork custom style

When I launch GeoNetwork, all changes in files of style (geonetwork.css, gn_search_less, gn_view.less,...) are lost, and the system generates a new file /static/gn_search_default.css. How can I ...
user avatar
0 votes
1 answer
117 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 ...
user avatar
0 votes
1 answer
58 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 ...
user avatar
  • 1
0 votes
0 answers
40 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 ...
user avatar
  • 11
1 vote
1 answer
166 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 ...
user avatar
  • 11
8 votes
1 answer
179 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 ...
user avatar
1 vote
0 answers
36 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 ...
user avatar
0 votes
0 answers
23 views

Combining interactive features from two different Mapbox GL JS scripts

I'm interested in making a map that shows values of features on a map when the mouse hovers over a feature, and also making different GIS layers toggle on and off. Luckily, there exists a Mapbox ...
user avatar
  • 491
1 vote
0 answers
537 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 ...
user avatar
  • 163
1 vote
1 answer
45 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 ...
user avatar
  • 13
1 vote
2 answers
119 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 ...
user avatar
1 vote
0 answers
73 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 ...
user avatar
-1 votes
1 answer
335 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(...
user avatar
0 votes
1 answer
192 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 ...
user avatar
2 votes
1 answer
118 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 ...
user avatar
1 vote
0 answers
39 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 ...
user avatar
0 votes
0 answers
934 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{ ...
user avatar
0 votes
1 answer
113 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 ...
user avatar
0 votes
2 answers
341 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. ...
user avatar
  • 63
1 vote
0 answers
112 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 ...
user avatar
1 vote
1 answer
162 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 ...
user avatar
  • 131
0 votes
0 answers
112 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 ...
user avatar
  • 970
1 vote
1 answer
1k 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 ...
user avatar
1 vote
1 answer
90 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 ...
user avatar
  • 31
7 votes
1 answer
1k 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 ...
user avatar
  • 189
2 votes
1 answer
304 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 ...
user avatar
  • 137
0 votes
1 answer
117 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 ...
user avatar
  • 2,597
3 votes
1 answer
553 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"> &...
user avatar
1 vote
1 answer
49 views

Bringing GeoServer CSS styled layer to Mapbox

I have a CSS styled layer in GeoServer 2.16.1 with CSS Extension and trying to bring my layer to Mapbox. Unfortunately it comes only as simple lines. But if bring this layer to Mapbox it shows ...
user avatar
  • 41
2 votes
1 answer
77 views

Double labeling line problem using CSS for OSM data from Geoserver

I had created a CSS for postgres planet_osm_line source on geoserver, for roads displaing in client, using WMS. CSS seted like: /*.....*/ /* @title Residential */ [@scale < 20000] [highway = '...
user avatar
0 votes
2 answers
137 views

GeoServer 2.16: Null object returned for expression: legend.width for setting value: 0 on: StyleInfoImpl[test_osm:rf] [closed]

I don't really understund how and why, but when I tried to save CSS changes on Style page of GeoServer GUI (by Apply or Submit) I saw it: java.lang.IllegalStateException: Cannot access /opt/tomcat/...
user avatar
1 vote
1 answer
58 views

TurboCARTO ramps do not work with CartoCSS user conditional filters

If you want to define manual class breaks with the ramp() function it seems you're out of luck; as far as I can tell this is not working as intended. For example, here I try to supply different colors ...
user avatar
1 vote
2 answers
3k views

Dynamic map sidebar with info from marker upon click

I am new to Leaflet, HTML, CSS and Java. I am using leaflets maps and I want to create a sidebar that is active when a marker is clicked or active when a clicked in the sidebar, so far I have had no ...
user avatar
  • 11
1 vote
1 answer
70 views

GeoServer CSS categorized marks with different size

I am doing categorized marks with GeoServer. The color is fine. I use same template of this question: geoserver css categorized marks but I can't figure out how to change the size of my points. ...
user avatar
  • 370
1 vote
1 answer
134 views

Unexpected problem with some CSS styles on GeoServer for OSM data [closed]

My layerset went wrong after mapproxy caching. Some layers are not rendering, and one of them shows this error message when I want to watch a preview: <ServiceException>The requested Style can ...
user avatar
3 votes
1 answer
1k views

OpenLayers map fill full screen?

I have an OpenLayers map with the following css: .map { height: 100%; width: 100%; } However the map does not fill the whole screen, and it stays like this (take a look at the bottom): ...
user avatar
  • 399
1 vote
1 answer
745 views

Scale line is not affected by css color of ol-scale-line class

I try to change the color of the text inside the scaleline created with Openlayers via new ol.control.ScaleLine. To change the color I refer to the scaleline in my css sheet the following way: .ol-...
user avatar
  • 983
0 votes
0 answers
31 views

Creating subLayers using CARTO JS v4.1.8

I created a simple map with multiple layers using the below code. this.cartoSource = new carto.source.SQL(sql); this.layerStyle = new carto.style.CartoCSS(layerStyle); this.layer = new carto.layer....
user avatar
3 votes
1 answer
120 views

OpenLayers map interaction issue on margin left

I have created a sidebar that opens and closes. When it opens, it adds margin to the map container ( calling w3_open() ). See pen below. However the interactions on the map e.g. clicking on the ...
user avatar
3 votes
1 answer
3k views

How to add top and bottom margins to leaflet popup with scroll

I've been customizing Leaflet in order to let popup display more content by adding scrolling to them. Everything works fine except my content touches top and bottom of the popup window. How can I add ...
user avatar
  • 165
0 votes
3 answers
2k views

Adding a table and styling it in arcgis online pop up

I am researching adding a table and styling the table in a popup in arcgis online. Could someone provide me a html, css, and javascript examples? I am fairly new at these languages, but I am hoping ...
user avatar
1 vote
0 answers
417 views

My Leaflet map doesn't appear on my webpage [closed]

Currently my Leaflet fails to fill the whole parent div on my page, in fact it doesn't appear at all. Here is my Leaflet snippet: const Wrapper= styled.div` width:${props => props.width}; ...
user avatar
  • 133
1 vote
1 answer
347 views

Web Appbuilder Widget refreshes and changes popup visibility to hidden

I am trying to update an app used from Web Appbuilder 1.2 to WAB 2.11. I cannot get the nexrad widget/map to behave the same in the newer version of WAB. In 1.2, the widget refreshes (1,2,5,or 10 ...
user avatar
  • 161
0 votes
0 answers
182 views

Leaflet popup design not working properly on IE11

I am using Leaflet on my map and I styled popup using Bootstrap 4. Design works good for all browsers expect IE11. Can someone help me to find the problem and fix it? How popup looks in Firefox: ...
user avatar
0 votes
1 answer
684 views

White sides at marker popup

I like Leaflet a lot. But I want to ask how to remove white sides in the popup? I manage to turn of padding but it only removed top and bottom, but sides still stand. I will insert a image and it will ...
user avatar
1 vote
1 answer
1k views

qgis2web leaflet: change position of layers control box [duplicate]

I exported a leaflet-webmap with qgis2web. On the top-left, there are the controls (like zooming, serching etc.). On the top-right, there is the layers control box (checking/unchecking the layers of ...
user avatar
  • 40.1k
1 vote
0 answers
1k views

.leaflet-control-layers-expanded style control appearance

This might be kind of a nothingburger, but it's nagging enough that I can't fix it and I'd like to know why this is happening!!! I'm also wondering if this little bug might be a sign something isn't ...
user avatar
5 votes
0 answers
3k views

OpenLayers: change cursor upon hovering over feature

I want to change the mouse cursor to a pointer when the mouse is hovering over a feature. I currently have the following: this.map.on('pointermove', evt => { if (!evt.dragging) { this.map....
user avatar
  • 51
0 votes
1 answer
551 views

Configurable Map Viewer css.JS problem on Chrome

I have a problem in displaying my map. It runs fine on IE, but it cant even load on Chrome (blank white page as if nothing is executed). I find the problem in some css files : load-css.js and css.js. ...
user avatar
  • 27