The Stack Overflow podcast is back! Listen to an interview with our new CEO.

Questions tagged [css]

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

Filter by
Sorted by
Tagged with
1
vote
1answer
53 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 ...
0
votes
1answer
115 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. ...
0
votes
1answer
693 views

Using OpenLayers/jQuery without CDN

I was wondering what are the necessary files for hosting a webgis server with OpenLayers3 without using a CDN? I am testing on a localhost without internet access. It doesn't work to merely copy ...
1
vote
1answer
20 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. ...
0
votes
1answer
318 views

geoserver css categorized marks

I have trouble categorize my markers by category (boolean in this case) in geoserver using CSS. I have tried a few different combinations without success. Simply I want: if true - yellow square, if ...
0
votes
1answer
112 views

Leaflet + Polymer 2 map loading with distorted tile

I am struggling for some time now to get the leaflet map loaded properly within Polymer 2. I have searched various threads in SO: this, Github: this, this and several other posts, unfortunately still ...
0
votes
0answers
21 views

osm_planet_point doesn't display CSS style from GeoServer to OpenLayers (WMS and TWS using mapproxy)

I use this CSS code on GeoServer, for displaying name of populated places (cities, towns, etc): [@scale <10000000] [place = 'city'][capital = 'yes']{ label: [name]; fill: #dadada; ...
1
vote
1answer
28 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 ...
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
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 ...
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 ...
1
vote
1answer
24 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-...
1
vote
3answers
10k views

How to position custom button controls on Google Maps API?

I've this simple map built on Google Maps APi v3 .... <html> <head> <title>Simple Map</title> <meta name="viewport" content="initial-scale=1.0"> <meta ...
0
votes
0answers
12 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....
0
votes
2answers
47 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 ...
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 ...
2
votes
1answer
239 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 ...
1
vote
0answers
46 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}; ...
0
votes
0answers
44 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: ...
-9
votes
1answer
2k views

Full Code for showing Shapefile or Geojson in Leaflet [closed]

I am in need of a Leaflet map to show my Shapefile or Geojson file. I need a full code for importing the shp file/.json from my pc and displaying that particular shapefile to my map as center view. ...
0
votes
0answers
60 views

White sides ar 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 ...
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
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 ...
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 ...
0
votes
0answers
187 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 ...
2
votes
0answers
554 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....
0
votes
0answers
93 views

Map with clickable polygons to extract properties and fill a table column using HTML/CSS

I created an interactive map from Mapbox with a vector file from a tileset. In addition to that I added a slidebar in the left side of the map and inside of the slidebar a table. With a popup when I ...
0
votes
1answer
37 views

Geonetwork metadata title length

In geonetwork I have truncated metadata file title when I do a search. Sometimes it is only a few characters that are missing so I try to increase the number of characters that can be displayed. in ...
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 ...
0
votes
2answers
95 views

How to refresh the HTML, including the linked CSS for a QGIS HTML frame?

I am using a referenced css file in an HTML Frame in a QGIS 3.4.2 layout. <link rel="stylesheet" type="text/css" href="map.css"> It works great until I have to go and edit the css. When I ...
0
votes
2answers
2k views

Adding own logo to the bottom of the cesium application

I would like to add my own logo at the bottom of the cesium application. I would like to know which file in cesium should use to make this possible.
0
votes
1answer
810 views

Geocoder's autocomplete only shows 26px in Leaflet?

I've got a map on GitHub (I have removed everything that isn't needed). The problem is that the geocoding widget doesn't show the search results completely: I guess this happens due to a custom zoom ...
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 ...
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 ...
-1
votes
1answer
71 views

Using html and css, what is the simplest way to create a tooltip that will display the attribute “Risk Score” from a csv called Mains?

I am looking to create a tooltip that displays attributes from a csv when the user hovers over the feature. What is the easiest way to accomplish this? For example, if the user hovers above a Gas ...
1
vote
0answers
175 views

Leaflet sidebar-v2 not floating display on mobile

I don't want the sidebar to always fill the entire vertical side, solved that by adjusting the height of the .sidebar.collapsed However, when on a mobile device it still fills the entire side ...
1
vote
1answer
126 views

Why isn't CartoCSS picking my conditional values a carto animated layer?

I am making an animated layer and the values I want to map range are from 0-1, as a percentage (e.g. 0.33333). I'm trying to change the color and eventually size based on the value. I tried adding ...
1
vote
1answer
55 views

Create css Flex Module Edition

I would like to change the style of the component Flex Edition . The functionality is what I need but I find too much space it occupies such module for which I would like to make changes to style ...
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 ...
0
votes
1answer
216 views

Add labels to layer in CARTO.js (v4)

Does anyone know how to add labels (using a feature column such as "state") to a CARTO.js layer? This is how I have added the layer to my map: const boundariesDataset = new carto.source.Dataset(` ...
1
vote
1answer
4k views

Styling individual features in a GeoJSON layer

I have managed to display a GeoJSON layer with multiple polygons (~150) in a Leaflet map in SharePoint. I would like to style different features in this GeoJSON layer according to a colour stored ...
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
1answer
170 views

Title position in qgis2web

I try to change the position of the title created by qgis2web to the top left above the zoom control. Right now it is always displayed on the top right side. And is it somehow possible to make these ...
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> <...
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 ...
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 ...
1
vote
0answers
1k views

Override Tooltip Style in Leaflet [duplicate]

I'm trying to override the tooltip style of Leaflet 1.3.1.and want to completely remove the tooltip pointer as shown in figure. This is my css: .ToolTipProvince{ font-size: 15px; ...
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
237 views

OpenLayers 4 popup, prevent pointer to target data behind a div

I have a problem with the Popup of OpenLayers 4, when I open the popup info and I'm inside the div with the pointer, it is still triggering the hover popup with the data behind the popup, how can I ...
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 ...