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
Related
I've got a sidebar that breaks to full width on mobile and it won't allow me to scroll further when I get there. The JQuery version has the swipePropagation option but the angular version seems to not allow scrolling at all when the content is less than the container. Does anyone have a solution to this?
I'm using the wonderful react-swipe component which is working perfectly for single-panel swiping (i.e. mobile). However, on tablet / desktop I would need to display 3 panels at once, with the center tablet 'active'.
Can I get some tips on how to adjust the styling for this component and it's children to achieve this? See attached image.
I'm using the Ionic Framework to build a hybrid app and its heavily dependant on drag and drop features. Using the 'sidemenu' template I have created one main view, and two side menus.
The main view will use the Ionic Calendar to display data. The two side menus will be used as views where data will initial be stored in list form. I need to be able to drag elements from side menu and into the main screen, where they can then be dropped on the calendar.
All the events work perfect when in calendar view (ie. onClickItem, onClickTime, etc). The drag and drop call backs work fine too, when remaining in the side menu display area. However, when I try to drag the element out of the side menu area and into the calendar, only the onDragStop event is recognized and not the onClickTime event from the calendar.
I realize I'm trying to fuse a few things together here in a not so usual way. I can't even find anyone else making posts about the same thing. Maybe I'm making the wrong searches.
Any help, advice, or direction would be appreciated.
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
I'm building my first Angular.js + Bootstrap web site.
As far as user interface is concerned, I use a classical top navbar approach, with 7/8 items in navbar linking to the relative views. This is a first version of the site. When you click on "weather", you go to the weather page. When You click on "services", you go to the services page. That's ok.
But, I would like, for a better mobile user experience, when scrolling down, all views to be shown, in sequence... This is an example of what I mean, to be clearer...
Is it possible, preserving the angular.js "routing" logic?
UPDATE: I did change the page contents in the first link, adding two links in navbar, because of Ronni Skansing comment...
UPDATE2: I try to better reformulate the question:
Is it possible, with angular.js (+bootstrap), to design an UI with all views reachable without any click, but continuously, vertical scrolling the page, the way a typical mobile web app user is used to?
I don't think you can really have a single page unless you design your website to be a single page.
Anyway, I found a solution which is very similar to what you would like: simply add a transition on ng-view change. The user won't be able to scroll, it will still have to click on the navbar items. But the sensation will be similar to scrolling. See here the example. (remember to choose the slidedown effect)