How can I remove the opacity/blend mode of the one-way icon in my google map style (Locales -> Icons (red arrow)). I can change the color, but not the rest.
Google Maps styles does not accept anything but HSL and HEX colors and as such, you cannot apply an opacity or blend mode to the icons in the map style (except for saturation, gamma, and lightness).
Related
I would like to add a custom color (in other words, add some custom status and corresponding color) for Reporting Services KPI's (outside of standart red, yellow and green). Is there any way to achieve it?
Click on your element and go to the properties (pane on the right side) under Font > Color for foreground color and Fill > BackgroundColor for the background color and type in the hexadecimal color code. For example:
#01b8aa
You can browse on google how to convert from RGB() into hexadecimal codes.
Using SciChart RubberBandXyZoomModifier, how can I make it fill the selection area box with a transparent grey color?
According to the SciChart docs, there are three ways to change the selection area box color for the RubberBandXyZoomModifier.
1/ Set the RubberBandXyZoomModifier.RubberBandFill, RubberBandStroke properties
<s:RubberBandXyZoomModifier RubberBandFill="#33FFFFFF" RubberBandStroke="#FF3333"/>
2/ Set the above properties in a custom theme
see Creating a Custom Theme
3/ overring a color of the above properties in an existing theme
see Overriding colors of our themes
Any of the above will achieve the desired result.
I am using https://mapstyle.withgoogle.com/. I want to enlarge the font size used to display street/road names, as well as enlarge the icons. How can I do this programmatically?
I found the road's text/icon weight field in the style reference, but modifying this does not increase the size. Which formatting option should I be using to modify the font size?
Unfortunately, font size is not supported in custom styling of Google Maps APIs.
The official documentation clearly states
The following style options are supported:
hue (an RGB hex string of format #RRGGBB) indicates the basic color.
lightness (a floating point value between -100 and 100) indicates the percentage change in brightness of the element.
saturation (a floating point value between -100 and 100) indicates the percentage change in intensity of the basic color to apply to the element.
gamma (a floating point value between 0.01 and 10.0, where 1.0 applies no correction) indicates the amount of gamma correction to apply to the element.
invert_lightness (if true) inverts the existing lightness.
visibility (on, off, or simplified) indicates whether and how the element appears on the map.
color (an RGB hex string of format #RRGGBB) sets the color of the feature.
weight (an integer value, greater than or equal to zero) sets the weight of the feature, in pixels.
source: https://developers.google.com/maps/documentation/javascript/style-reference#stylers
In my opinion this is intentional, because increased font sizes may easily break the appearance of the map.
It's possible to enlarge street names font size in static Google Map images combining the parameters "scale" and "size".
For example, to get a static map with well readable fonts in my iPhone and Android apps, I use size=300x300 and scale=4.
Detailed explanation (see section "Scale values"):
https://developers.google.com/maps/documentation/maps-static/dev-guide
Example (this static map has fonts with a right size on smartphones with hi-density screens):
https://maps.googleapis.com/maps/api/staticmap?size=300x300¢er=Piazza%20Venezia%2C%20Piazza%20Venezia%2C%20Roma%2C%20Italia&maptype=hybrid&format=png&scale=4&zoom=18&markers=Piazza%20Venezia%2C%20Piazza%20Venezia%2C%20Roma%2C%20Italia&key=YOUR_KEY
I've created a button with Raphael.js that has a gradient background. Now I want to change to a different gradient when hovering over the button using Element.hover. But as soon as I move the mouse over the button, it starts showing only a solid color.
Here's my fiddle.
Maybe it's browser-related. I only tested Chrome and Safari under OS X.
The problem is that you call transform on the set afterwards. The tranform() method is deprecated, use the transform attr instead. Also, you might want to apply the transformation individually when you create the elements, as Raphael is known to have some issues in transforming sets uniformly.
I have a UIWebView in an iPhone application. In the html code there is a big image, named loadedBar that has an effect bound to it, using jQuery, the following way:
$('#loadedBar').click(function(){ ... });
Everything in the function is OK, but there's a visualisation effect that I don't need. When the image is clicked it becomes gray for a fraction of a second. I found the same behaviour on a div with an event, bound the same way as on the image.
Is this the default UIWebView event-click-visualisation and is there a way to turn it off (some CSS rules might do the trick), so that the app behaves like a native one.
Any ideas?
You are looking for:
-webkit-tap-highlight-color:<css-color>
This is an inherited property that changes the tap highlight color,
obeying the alpha value. If you don’t specify an alpha value, Safari
on iOS applies a default alpha value to the color. To disable tap
highlighting, set the alpha to 0 (invisible). If you set the alpha to
1.0 (opaque), then the element won’t be visible when tapped.
Documentation: http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/AdjustingtheTextSize/AdjustingtheTextSize.html
Example to disable the property:
-webkit-tap-highlight-color:rgba(0,0,0,0);