Hi
I'm very pleased using Phoca Maps but i have some issues with the download and the routing button. See below.
Any help will be appreciated.
Thanks
Download and Routing button
- Jan
- Phoca Hero
- Posts: 47794
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: Download and Routing button
Hi, in first case the icons are just set by the API, by javascript, so I think, this cannot be changed in the system. But maybe it can be possible through site CSS
And I think, the same is valid for the second case, it is just produced by the API so I think, the way could be a CSS edit
Jan
And I think, the same is valid for the second case, it is just produced by the API so I think, the way could be a CSS edit
Jan
If you find Phoca extensions useful, please support the project
-
- Phoca Enthusiast
- Posts: 58
- Joined: 29 Mar 2019, 23:33
Re: Download and Routing button
OK.
Could you give me some more information about the CSS file to be modified ?
With the Chrome debug mode i have succeed to solve the problem of the second case, but i din't found the location of the CSS file.
And for the first case i did'nt found where the icon position was modified. It is in good position at the beginning and then move when you clic on it.
Could you give me some more information about the CSS file to be modified ?
With the Chrome debug mode i have succeed to solve the problem of the second case, but i din't found the location of the CSS file.
And for the first case i did'nt found where the icon position was modified. It is in good position at the beginning and then move when you clic on it.
-
- Phoca Enthusiast
- Posts: 58
- Joined: 29 Mar 2019, 23:33
Re: Download and Routing button
Below the solution i've found. Maybe not the best one but it works!
Added in custom.css :
Left issue :
.easyPrintHolder {
margin-top: -9px !important;
margin-bottom: -14px !important;
margin-left: 30px !important;
}
a#leafletEasyPrint.leaflet-control-easyPrint-button-export{
float: left;
}
Right issue :
.leaflet-routing-remove-waypoint {
vertical-align: baseline;
}
.leaflet-routing-container.leaflet-bar.leaflet-routing-container-hide.leaflet-routing-collapsible.leaflet-control:hover {
background-color: #f4f4f4;
cursor: pointer;
}
.leaflet-routing-alt, .leaflet-routing-geocoders, .leaflet-routing-error {
margin-bottom: 0;
}
.leaflet-routing-add-waypoint:after {
content: '\ff0b';
}
.leaflet-routing-add-waypoint, .leaflet-routing-reverse-waypoints {
color: #4444;
}
.leaflet-routing-add-waypoint:focus, .leaflet-routing-reverse-waypoints:focus {
background-color: white;
outline:none;
}
Added in custom.css :
Left issue :
.easyPrintHolder {
margin-top: -9px !important;
margin-bottom: -14px !important;
margin-left: 30px !important;
}
a#leafletEasyPrint.leaflet-control-easyPrint-button-export{
float: left;
}
Right issue :
.leaflet-routing-remove-waypoint {
vertical-align: baseline;
}
.leaflet-routing-container.leaflet-bar.leaflet-routing-container-hide.leaflet-routing-collapsible.leaflet-control:hover {
background-color: #f4f4f4;
cursor: pointer;
}
.leaflet-routing-alt, .leaflet-routing-geocoders, .leaflet-routing-error {
margin-bottom: 0;
}
.leaflet-routing-add-waypoint:after {
content: '\ff0b';
}
.leaflet-routing-add-waypoint, .leaflet-routing-reverse-waypoints {
color: #4444;
}
.leaflet-routing-add-waypoint:focus, .leaflet-routing-reverse-waypoints:focus {
background-color: white;
outline:none;
}
- Jan
- Phoca Hero
- Posts: 47794
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: Download and Routing button
Hi, great to hear it, thank you for the info.
Jan
Jan
If you find Phoca extensions useful, please support the project