Episode #125 of the Stack Overflow podcast is here. We talk Tilde Club and mechanical keyboards. Listen now

Questions tagged [css]

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

Filter by
Sorted by
Tagged with
8
votes
1answer
13k views

Overriding Leaflet tooltip style?

I'd like to override the default style of Leaflet 1.0.0 tooltips, especially the bubble/frame. I don't see any options or methods for this. How do I hook into the CSS? I want to change layers ...
6
votes
1answer
1k views

Basic HTML Code for Map Tips

I'm trying to get map tips to behave as shown below. Light grey background with very thin white border A box that adjusts to the content rather than a fixed width of say...300px A centred title ...
5
votes
0answers
251 views

swipe dynamic layers using spy glass in ol3 [closed]

I am working on swipe based ol3 web application where i want to use spy glass for dynamic added layers. I have seen layer spy example but this is only for single layer swipe .. I want for dynamic ...
4
votes
1answer
213 views

Geoserver linestring fill based on attribute value

I'm experimenting with Geoserver. I'm styling a linestring layer with CSS in this way, which works fine: [userid = 1] { stroke: #8C2300; stroke-width: 3px; stroke-linecap: round; z-index: 0, 1; } ...
3
votes
2answers
374 views

Using Map Tips and Ruled Expression in QGIS?

QGIS 2.18.5 I'm trying to add a condition to my expression in my html/css map tips where if a value is 'null', the result will show 'no data available'. I've got a screenshot of my map tip so far ...
3
votes
1answer
8k views

How to let the user resize a Leaflet map <div>

I use Leaflet to display some map. I would like the user to be able to resize the map by dragging its borders as she likes. I would like to do this without additional Javascript libraries, instead by ...
3
votes
3answers
3k views

Getting different results of fullscreen mode in OpenLayers? [closed]

My original application is not viewing correctly (in all browsers) in fullscreen mode, which is OpenLayers 3 functionality. The problem is with that map does not cover all of my screen and it still ...
3
votes
1answer
45 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 ...
3
votes
1answer
10k views

Why doesn't Leaflet fill the height of its parent container?

I have a ` with a specific height, inside of it I want to put my leaflet map. But the problem is that the map doesn't fill 100% of the height of its container. Why does my map not show up? HTML is as ...
3
votes
1answer
328 views

GeoServer: Legend title with single feature layer

Been working with GeoServer for some time now. While working with the publishing tab of the layer, I noticed a problem. Every time that I set the default style with a single featured CSS style, the ...
3
votes
1answer
651 views

Creating an Interactive Chart/Graph in ArcGIS Online

My question: Can this interactive chart element be done in ArcGIS Online with some clever CSS additions? Or would I need to host the map with ArcGIS for Server and use my own JavaScript? In ESRI's ...
3
votes
1answer
376 views

How to resize OpenLayers map before print

I have an OpenLayers map container defined as #preview_cont { width: 100%; height: 15cm; } It looks OK on screen, but when I print it, the map is distorted. I assume it's because map ...
3
votes
3answers
11k views

Adding Clickable Button on Leaflet Map

I am trying to add a clickable button on Leaflet map. Right now using this: <ion-content padding scrollbar-y-auto> <div id="map" style="width: 100%; height: 100%"></div> <...
3
votes
1answer
114 views

Generalizing exact location of certain data points using Carto CSS?

I am dealing with some sensitive data for which providing a high resolution of accuracy of the location would be detrimental. However, the general location is not sensitive and useful to share. I ...
3
votes
0answers
132 views

extshape arrows to show ais vessels. MultiLinestring alternative

I have tried to use the extshape://arrows new feature as shown in this blog post. This works quite well, but I tried to dynamize the parameters as in MultiLineString WKT syntax to dimension the ...
2
votes
1answer
242 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 ...
2
votes
3answers
120 views

How do you create buffers around points based on individual point values in CARTO?

I am very new to CARTO and have very limited coding skills. I have a data set of points representing the centroid of zip codes. Each point has an associated average commute time. It is relatively ...
2
votes
1answer
2k views

Make tool tip wrap text

I can't figure out how to wrap the text on the leaflet tooltip. I dont want to display the marker so its hidden, but i want to the text to wrap the text in the tooltip if possible .myTooltip { ...
2
votes
1answer
3k views

Problem with NotEqualTo filters in SLD and CSS

I am having a bit of a problem with using a '<>' attribute filter in CSS for GeoServer. I have parred my CSS down to the absolute minimum for a buildings layer as follows: [aeroway <> '...
2
votes
2answers
1k views

How to specify (cross-browser) mouse pointer sets on leaflet control?

Leaflet custom controls might be interactive, when the user can use the mouse on them to perform an action, or non-interactive, when they are used only to show information. This should affect the ...
2
votes
1answer
2k views

How to add custom CSS class to leaflet tilelayer

I am working with mapbox.js and leaflet to create a map with a number of overlapping tilelayers. I want to apply some custom CSS to only selected tilelayers, and thus assign these layers to an ...
2
votes
1answer
580 views

Split label style in GeoServer CSS or SLD

I would like to split the style of my labels, which consist of 2 attributes. I already managed to separate the lines, but I need to style them differently as well, as the second line should be bold. ...
2
votes
1answer
637 views

Mutually Exclusive Bootstrap Checkbox Switches as Layer Control

I have this JSFiddle with two checkboxes using Bootstrap Switch that changes the layer visibility in Leaflet. I would like them to be mutually exclusive, i.e neither of them can be on or off at the ...
2
votes
1answer
2k views

Centering custom control horizontally in OpenLayers 3? [closed]

This is more like a CSS question than a GIS one. But I don't have any clue how to center an element that has an absolute position. Here's some relevant markup for my icon category selector that I ...
2
votes
1answer
734 views

openlayers display Control.MousePosition on div.olMap

I have a map displayed in a div. I have a small div named coordexterne displaying mouse position. I try to put the small div on the map so to speak above the map. Until now, the small div is always ...
2
votes
0answers
556 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....
2
votes
0answers
42 views

Adjusting the admin_level of countries in osm-bright style?

I'm using OSM Bright style Unfortunately, this style favours more admin_level=3 countries than admin_level=2, for instance, on the map below, Transnistria is labelled instead of Moldavia. How to ...
2
votes
0answers
134 views

GeoServer CSS label along polygon boundary - overflow

I labeled a polygon along it's edge by using the boundary of an inside buffer: label-geometry: [boundary(buffer(GEOM, -0.01))]; This works, but my problem is, that at certain zoomlevels/positions ...
2
votes
0answers
826 views

Exporting to SVG in ArcMap. How to change or call svg clippath polygon attributes in CSS

Recently I exported a map document from the ESRI ArcMap 10.2.2 to SVG. I would like to animate this map with css and javascript however the "clippath" polygons that arcmap creates makes it ...
1
vote
1answer
2k views

How to get attribute of the leaflet marker?

is there a way to get and hold the option attribute of the leaflet marker? marker = L.marker([lat,lng], {draggable:true,icon: L.AwesomeMarkers.icon({icon: '', prefix: 'fa', markerColor: 'darkblue',...
1
vote
1answer
247 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 ...
1
vote
2answers
56 views

CARTO not styling 36 total representatives

I'm extremely new to CARTO and I'm still learning the ropes. I currently have this territory map where the colors represent a representative in a county. However, it isn't shading the 36 total ...
1
vote
1answer
789 views

Using HTML and CSS with QGIS Map Tips?

I'm trying to make the red text 'un-wrap' itself and use all the room available. My code is shown below. (I've tried playing with the margin as well but no luck)
1
vote
1answer
321 views

GeoServer CSS Map Styling

I'm using GeoServer for the publication of my maps. To generate a style for a map I mostly use the SLD's generated by QGIS. But since these generated SLD's don't always cover the whole style made in ...
1
vote
1answer
1k views

Leaflet adding a HTML label

I would like to add a HTML label above each marker in a leaflet map. Is this possible? Example: Code for labels: HTML <table> <tr> <td class="red"></td> ...
1
vote
2answers
91 views

QGIS2web pop-up multiple font-types

I've got a pop-up for a layer with more than one attribute for the layer in question. I would like to make the first attribute in the popup appear with a bold font and a different color. Anyone have ...
1
vote
3answers
255 views

Geoserver CSS title

I am using GetLegendGraphic to fill my legend in a leaflet map. I use CSS to style my layer on Geoserver but I have trouble to add the title to my legend graphic. This code work and add an explanatory ...
1
vote
1answer
959 views

Converting SLD to CSS style in GeoServer?

I am trying to convert SLD to CSS styles in latest geoserver version 2.8.1. I have added css plugins(from geoserver-2.8.1-css-plugin.zip) but it is not working properly. Is there any other plugin ...
1
vote
1answer
5k views

Openlayers dynamic viewport width and height assignment? [closed]

I display an openlayers map in a html page by placing it in a tag and assigning a css class to it so as to set its dimensions (map size and map bounds). i then attempt to dynamically create a style ...
1
vote
1answer
21 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. ...
1
vote
1answer
21 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): ...
1
vote
1answer
61 views

Map Tips - Omitt field with no data

I'm using QGIS 2.18.14 and I have currently got a map tip in a shapefile of freehold land titles that looks like this: Both, the title plan and register for the land title have been referenced to a ...
1
vote
1answer
269 views

Changing Styling on Individual Leaflet Layer Control Items

How would I go about changing the styling for Individual entries in Leaflets layer control? For example I would like to change the colour of "Layer 1" to red and the colour of "Layer 2" to blue. ...
1
vote
2answers
187 views

Is it possible to add style to CSS icons/marks in Geoserver style?

In my Geoserver set up, I have a style that references a custom icon in my data_dir. Is it possible to add CSS values to alter the image, rather than changing the image itself and uploading a new ...
1
vote
1answer
246 views

QGIS Map Tips Table, style every other row

I simply want to style every other row in a table I've generated using map tips with a different coloured background. I've got the correct generic CSS (I think) but nothing is changing. tr:nth-child (...
1
vote
2answers
1k views

New line in Label ,CSS Geoserver

How do i get a new line in a Geoserver style CSS ? { label: [name] (need new line here) [pop]; } Details: [name],[pop] are attributes of the layer Is there a comprehensive CSS documentation with ...
1
vote
1answer
657 views

Leaflet layer control and legend

I have a layer control with 8 layers in it. I also have a legend control in lower right. A few layers have the legend tall. Now my issue is on smaller monitors the legend control is on top of the ...
1
vote
1answer
487 views

Geoserver doesn't render labels

I've tried to create several types of GeoServer layer stylings with basic labels, both in SLD and via the GeoServer CSS extension. Yet, not once have I managed to get the labels actually rendered. ...
1
vote
2answers
270 views

GeoServer CSS styles Submission Issue

I tried to add more than three rules of CSS styles, whenever I tried to add fourth rule, I can't submit the style in Geoserver 2.8.1. Please find the CSS styles I used below. /* Default Style less ...
1
vote
1answer
2k views

Image won't center in Leaflet pop-up

I am using Leaflet to create a map of points (from geojson) that will open a picture and text under the picture. The text is centered, but I am having trouble centering the picture. This seems like ...