Zoom with the mousewheel in their main example http://jvectormap.com/
I have tried to change zoomScale property in the config, but that only seems to afflict the zoom buttons and not the mousewheel zoom.
I would prefer the mousewheel to zoom with the same amount of steps as the zoom buttons.
if its still needed, answered your question in other topic
JVectorMap Scroll Speed and Full screen Issue
Doubt that you can put the same step, but at least you can try to find value that will behave similarly to buttons.
I found a bower package of jvectormap at https://github.com/tlvince/bower-jvectormap that's labeled as version 1.2.2 and here the mousewheel works as expected.
The problem still exists in all their demos on the website http://jvectormap.com/ and also in the latest downloadable code (2.0.1) in their official git repository https://github.com/bjornd/jvectormap
Related
Version
2.0.2
Reproduction link
https://play.nativescript.org/?template=play-vue&id=3rSNIU
Platform and OS info
Android
Steps to reproduce
Create button
set css border-radius
What is expected?
worked press animation
What is actually happening?
not showing
That's expected, by applying border radius you modify the default behavior of Android.
You will have to either use plugins like card view / ripple in this case. There is a open feature request to improve support for ripple effects.
so we are developing an app on cross-platform Xamarin. We are now testing it on Android on a few real devices, and we noticed that wherever we have an image with a Tap Gesture Recognizer the tap does not always work.
We tried increasing the section by increasing the image's size and decreasing the used part of the images, but we still have this issue. Its like some times it just doesn't work, even if you did tap on the image.
How can we fix this?
Edit
We updated to the last pre-release of Xamarin.Forms (2.5.0.121934) and it seems to be fixed. We are going to continue running tests to confirm.
Put a hotspot over it or behind it setting image's input to transparent. Hotspot can be whatever works best for you, transparent boxview, contentview etc. It's sometimes better to use hotspots as you can allow users to tap a bit around the image etc.
We updated to the last pre-release of Xamarin.Forms (2.5.0.121934) and it seems to be fixed.
I searched for this the solution a lot but I couldn't find any post describing the same "flickering" problem.
You can see a GIF here
Situation
I have a website with a menu, using app-route as in Polymer Starterkit but enhanced with neon-animated-pages.
If you use the menu (Start, My Card, My Dashboard) there is a smooth transition.
Problem
Go to "My Card" and click the enhance card arrow down (tooltip "more info") at the first card.
Now use the menus again and the page transitions are now flickering, as soon as the animation finished. It is like all object are quickly moving somewhere and then back to the position where they should be.
What I have tried
I tried to change CSS, as it seems to "re-align" the objects on the page.
Also I had this problem before when I used javascript to route to another page, but using "a href..." for app-route (as in polymer starterkit), this problem disappeared again.
Anyone have any idea what this can be?
I checked with Chrome, Firefox and IE, seems to be the same everywhere.
Thanks very much for your help!
Kind regards,
Huebiii
Found two more sources on github with the same issue and solutions.
Apparently only slide left/right animation are affected. Using a different animation should help.
Set Element.prototype.animate = null before loading the polyfill.
Flicker after slide animation in neon-animated-pages in Chrome
web-animations-next-lite flicker #86
I'm working with D3Plus and I have tried many methods to autoresize a div when the browser window is resized.
Methods like a div inside another div do not work with D3Plus.
Did anybody find a way to re-draw the D3Plus object when the browser window is resized?
Version 1.9.2 of D3plus added support for automatic resizing:
.resize(true)
The Github issue related to this feature can be found here: https://github.com/alexandersimoes/d3plus/issues/433
I'm trying to setup a Gallery similiar to the demo one, but with only one option, the fullscreen mode. The borderless mode should be default for everyone and not be able to changed.
The documentation gives this hint:
Bootstrap Image Gallery provides the additional useBootstrapModal option, which enables the original borderless layout as seen in the demo. The easiest way to enable this option is to adjust the lightbox container and set the data-use-bootstrap-modal attribute to false
However, if I do that, it wont look as pretty (no autoplay, no arrows, no small previews at the bottom.
Im trying to find a workaround for serveral days now, but wasnt able to do that.
Any hints? Thanks!
Change the div to this worked for me
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" data-use-bootstrap-modal="false">