Questions tagged [css]

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

Filter by
Sorted by
Tagged with
0
votes
0answers
14 views

Removing attachment filename from operation dashboard

I have an ArcGIS Operational Dashboard where I am showing attachments from a feature layer through the details pane and enabling media. I would like to remove the attachment filename e.g. (see photo ...
0
votes
1answer
22 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 ...
2
votes
1answer
30 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"> <input type="text" value="" id="...
1
vote
1answer
24 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 ...
2
votes
1answer
22 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 = '...
0
votes
2answers
32 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/...
1
vote
1answer
23 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 ...
1
vote
2answers
166 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 ...
1
vote
1answer
27 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
0answers
22 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
39 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 ...
2
votes
1answer
42 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
85 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-...
0
votes
0answers
15 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....
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
530 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 ...
0
votes
2answers
112 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 ...
1
vote
0answers
56 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}; ...
1
vote
1answer
67 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
0answers
75 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: ...
0
votes
1answer
87 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 ...
1
vote
1answer
317 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 ...
0
votes
0answers
299 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
822 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
1answer
149 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
145 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
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
45 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
135 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 ...
2
votes
3answers
160 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
vote
2answers
67 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
votes
1answer
80 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
200 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
62 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 ...
-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
1answer
231 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
2answers
99 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
174 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 ...
2
votes
0answers
149 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
151 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
2k 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
1answer
254 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
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
1answer
138 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 ...
0
votes
1answer
236 views

Adjusting Polygon Visibility with CartoCSS

I am attempting to adjust the visibility of a polygon layer in Carto by zoom level. To keep it simple for now I am looking to have the opacity of 1 from zoom 0-7 and opacity 0 from zoom 8+. I am ...
1
vote
1answer
329 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. ...
0
votes
1answer
465 views

Bug using Leaflet.awesome-markers plugin and print

I'm using Leaflet awesome marker icons and was almost all right, but when I try print, the icons doesn't show. Why? I tried: var redMarker = L.AwesomeMarkers.icon({ icon: 'coffee', ...
3
votes
1answer
426 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
13k 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> <...
1
vote
2answers
222 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 ...