I would like to pan the zoomed area in a sencha chart. Currently I'm only able to zoom in and out on the chart as you can see in this sample: Sample Chart. I'm using the app on a desktop PC.
At the moment there is no posibility to pan in the zoomed chart. I'm managed to get panning working but then zooming is not possible. Is there a way to get both? Is there a setting I'm missing?
Thanks in advance!
The PanZoom-object has a proberty called modeToggleButton. Getter methode returns a button, which can be added to the UI. Clicking on it toggles between panning and zooming in the chart.
Related
I have the next question. I am developing a react application with some images. The user has the possibility to click and open a full-page image. Because the image's orientation is horizontal on the mobile, it does not look good. My idea is when the user clicks on the full page icon, the orientation of the phone becomes horizontal as is implemented on youtube. I tried to find some information about that, but I am not sure if it is even possible, I saw that only by using react native and developing mobile applications you can have access to the user's orientation of the screen. But maybe there are some methods to do in the browser? Thanks in advance.
It is not possible to change this from the web, however you could simply rotate the image and display it full screen. This has been done here:
CSS Rotate Portrait Image 90 Degrees and Make Image Full Screen
I have a Forge viewer app where I want the camera to fit the model bounding box if the orientation on mobile devices changes.
I load the model and set the camera to a specific position in the Autodesk.Viewing.MODEL_ROOT_LOADED_EVENT event. Then I fit the model with viewer.fitToView(). That works.
In the Autodesk.Viewing.VIEWER_RESIZE_EVENT, which is also fired if the orientation of the screen changes, I run viewer.fitToView() again but the camera doesn't change.
The function doesn't seem to even run, but there is also no error message. If I zoom out of the model before changing the orientation the camera distance doesn't change although it should.
Maybe I use the wrong approach here but I can't find the problem.
Found the problem: I have locked panning of the camera:
viewer.navigation.setLockSettings({"orbit":true, "zoom":true})
viewer.navigation.setIsLocked(true)
With those settings fitToView doesn't work. I now disable locking before fitting.
I would like to have the option of manual zoom in the enlarged image window on the mobile device. So that I can zoom into the displayed image within the Javascript frame. I do not want to zoom the whole web page. Is that possible? Or is there another Javascript that can do this?
It is not possible to zoom the enlarged image in Lightbox or Lightbox2. There is no such feature.
To do that, you should use a different zoom script, such as Magic Zoom Plus.
I am trying to make the zooming functionality of a d3 topology map smoother on my app. The default zooming behavior are kind of lag a lot and mostly it conflicts with ionic touch events. I am trying to disable all default zooming features completely and will try to do it with zoom in/out buttons.. But it seems I cannot disable zoom.
Here is my markup
And here is my map code ...
Though I cannot pinch zoom on the map, but it seems I can zoom the svg by pinching the white area outside the map. I want to disable the pinch zoom completely so user cannot zoom it using touch.
You could put a div above the map, and give this div a transparent background and give it height and width as the map size, so when user touch the div it will give no effect since it is the div and not the map, and then you can do your zooming using 2 buttons (zoom in/ zoom out).
With respect to the stack link:-
Zoom and Pan in GMap.net
I have tried to pan the google map using the touch.
But, the panning is not working.
May I kindly know, how to solve this.
Thanks in advance.
I believe that the default drag button for GMap.net is the right mouse button. Try using:
gMapControl1.DragButton = System.Windows.Forms.MouseButtons.Left;
when initializing.