I have a number of setup pages inside a PageView. Se example page.
On some of these pages I am using Slider's.
This works quite ok on IOS but on Android sliding the value does not slide the value but instead the page. I.e. the slider is useless.
On IOS sliding outside one of the edges and back leads to sliding the page instead of sliding the value.
Does any one have a suggestion how to overcome this if possible?
Or do I have to forget using Slider's inside PageView pages?
Note: I could of course skip the PageView but being able to swipe through the setup pages is great user experience. Yea perhaps I have to give up on on that instead!?
Related
I have several pages using PageView builder.
The pages are built using data from an API and gathered using HIVE boxes. Within each page there is a Qty box that i require the user to enter a figure but when i swipe to the next page and then back the user entered Qty is lost.
I'm new to using Flutter/Dart and wondered what's the best approach to solve such an issue.
I also have a flutter_switch within the PageView too but it if i toggle the switch ON(true) it's also the same state on each subsequent pages of my PageView builder. Can this be solved too?
Many thanks.
I've just started on a new project of my own.
What I would like to do is, on large screens, having a button activating a modal window BUT, on smaller screen (mobiles), I would like that modal window to become an off canvas section and when the button is clicked, the off canvas slides in from the side. Within that modal/off canvas part, there will be a form to fill out. (there will actually be multiple buttons that will need to activate the feature. Think something like multiple thumbnails with each a button to let viewers add comments)
I'm using Bootstrap 3 as my base framework. I would like to minimise the javascript (jQuery) functionalities but I understand I can't completely.
Questions I have,
do I have to create two HTML sections, one for the modal and one for the off canvas and then programatically hide/show according screen size?
Would it be best to create the form and then thru javascript, add the proper HTML around it according screen size? (though I think this option would be a tough to implement as my javascript skills are "advance beginner" at best)
How would I make the same button switch activation of the modal window or the off canvas form?
It seems to me that I need to detect screen size, no matter how I do the above, what would be the best way to detect the screen size, the safest and surest way?
Thanks for any insights you guys might have on this.
You will have to show code in your questions here, so i also vote to close your question.
I'm using Bootstrap 3 as my base framework. I would like to minimise
the javascript (jQuery) functionalities but I understand I can't
completely.
Angular JS decouples Twitter's Bootstrap from javascript. See: http://angular-ui.github.io/bootstrap/
Questions I have, do I have to create two HTML sections, one for the
modal and one for the off canvas and then programatically hide/show
according screen size?
Take a look to the Responsive Utilities: http://getbootstrap.com/css/#responsive-utilities
The screen detection of Twitter's Bootstrap is based on CSS media queries.
How would I make the same button switch activation of the modal window or the off canvas >form?
To give the same button different function based on sceensize you will need javascript / jQuery. See: Get the size of the screen, current web page and browser window you also could consider to use something like enquire.js, see also http://bassjobsen.weblogs.fm/responsive-banner-ads-2/
Or create two buttons and hide / show them with the the Responsive Utilities.
I can not solve my problem. As example, my website : www.mananaseguro.com.
In the home page, I have some popup appearing just under movies's poster (when the mouse is over the poster). But when I scroll UP (for example), the popup will not appear just under the poster. Their is a space between them. I tried to add the popup to the home's page panel but it did not succeed.
So is it possible to simulate the good popup behavior? (the popup must stay under the poster).
Or more precisely, is it possible to attach a DecoratedPopupPanel to another panel inside the page in order to have the popup scrolling in the same way that others elements?
Try using the PopupPanel#showRelativeTo() method.
You can achive good popup behavior by using below property.
popup.setPopupPosition(left, top)
Pass movie image x and y index position in top and left. and make consistent look and fill.
Okay, I have a Scroll View with Page Control that works properly between 2 sections (2 pages).
So I can scroll left and right once. Is it possible to always scroll right?
Like when you get to page 2, it expands to the right, but not allowing to scroll back left.
I dont need it to simply add another page and have 3 pages then 4. at all times there should be only 2.
The reason I need this function is because I will use the scrolling to reset data. As you scroll to the right a duplicate of the interface with cleared fields will come on to the screen as the interface with the old data will go off. Its a neat way to reset, not just a boring old button.
Can someone point me in the right direction on how to do this?
There are many examples of this. Here are a couple.
InifiniteHorizontalScroll
StreetScroller
Hope this helps.
The main concept goes like this. I have four listviews with its own
data loaded at the same time. Only one listview will be visible to the
user. Now, when the user presses a button, not only the current
listview but also other three listviews should be minimized and then
user can just scroll just as in Gallery and select the listview that
one wants to open.
I hope you all have understood what I want.
Let me know if someone have some idea of implementing such a User
Interface in Android.
You can use either View.draw() or View.getDrawingCache() depending on what suits you best. Then just display them using Gallery or something similar.