I am using high stock to draw a stock chart, while moving the navigator, the chart should redraw and the setExtremes event should be triggered.
it works fine on the desktop browser, but in mobile, i found the chart is not re drawed immediately while dragging the navigator, util i let go, thus i can not get the date range while moving the navigator, that is not really good user experience.
Does anyone has a solution?
The behavior in mobile client seems the adaptToUpdatedData attribute is set to false
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
Please check the red marked area of the picture. I need to implement this thing in a React project. It's a vertical scroll timeline indicator of all posts coming from the database.
Instagram has a really cool interaction where you can tap-and-hold, aka longPress, on an image and an interactive pop-up appears. Once it appears you can drag your finger to one of the action buttons and removing your finger applies the action and closes the pop-up.
Here it is in action.
And here's a link to a video if you need a closer look.
In my app I've got the tap-and-hold popup working, but the finger drag continues to control the underlying View.
How do you get the finger interaction to transfer to the pop-up?
How do you get the buttons responding to finger drag-over?
This is something you can achieve with PanResponder. Using Pan Responder you are basically creating your own touchable components. Click here for the docs.
Also, you would need the Animated API for animating the transitions.
My ionic app consists of a number of views and transitions between them is smooth and animated as expected. Nevertheless, due to design reasons, one of the pages has a pseudo-navigation where using two buttons (advance day, and decrease day to show events in a calendar), contents are redrawn on the same view by JS. This redraw has no animation and contents change abruptly. Is there a way to simulate the normal views transitions when re-drawing a view using ionic?
Thanks in advance
I have a site which uses a different menu for mobile devices than on the Desktop version using media queries. If I resize a desktop browser window to a mobile width and click the mobile navigation dropdown button and then resize the window back to desktop size, the mobile menu remains visible instead of changing back to display:none. Unfortunately this site is still in staging so I cannot show you a live example, but I was hoping someone could point me in the right direction of getting that DIV to become hidden again once the window is resized back to full screen.
Also, I realize that the chances of this scenario playing out in the real world are slim, but the client would like for it to be addressed anyway.
Thanks!
I figured out that it was javascript that was showing the DIV in the first place, not a media query, so I just added display:none to the div for the Desktop media query and the issue has gone away. Thanks!