Picking a date range is a very common task in web apps or mobile apps, just think about a booking of any kind (flight, car rental, vacation etc.), but often it can be a nightmare for your customers, especially on mobile devices. At Mobiscroll we try to bring the best UX solutions to work out […]
Archive | Tutorials
RSS feed for this sectionWorking with touch events
Last month I was attending the jQuery Europe conference in Vienna with the Mobiscroll team. There was a session called Getting touchy which gave an insight into touch events and talked about why we need them. There is a lot of ground that the presentation covers, so make sure to check out the slides. I […]
Responsive Web Design
Responsive Web Design (short RWD) was first coined by Ethan Marcotte in 2010 in his famous A List Apart article. Since then we come across this term very often. But what does it mean? A common misconception is that RWD is a technology that knows it all and we need it! In contrary. It is […]
How to integrate your UI Widgets with AngularJS
When building apps we tend to create reusable code, which helps us in the long run, makes our code easier to understand and all in all cleaner. We like to build modular things. This modularity that we’re used to shows itself not just in the units that we write but the in UI and elements […]
How to build a TODO App with Knockout and Mobiscroll
We created a couple of demo apps that are using Mobiscroll components and our version of a TODO App is one of them. See all demo apps and kitchen sink demos here. Besides writing demos focused on specific features and configurations we wanted to tackle a “real-life” scenario. So the the app focusing on daily […]
Hassle-free 5 minute guide to awesome data picking in hierarchies
This is the fourth entry in our “Hassle-free” 5 minute guide series for making data-picking awesome in you app. What?!?! Under 5 minutes? Keep on reading … What you’ll be doing? You will be rendering a treelist scroller and making browsing and picking data from a hierarchy easy in your mobile/tablet webapp or hybrid app […]
Hassle-free 5 minute guide to awesome Calendar
This is the third entry in our “Hassle-free” 5 minute guide series for making data-picking awesome in you app. What?!?! Under 5 minutes? Keep on reading … What you’ll be doing? You will be rendering a calendar and making date picking easy in your mobile/tablet webapp or hybrid app (PhoneGap). So let’s get started. Download […]
How to Theme Mobile UI Components to match your Brand and App
One of the advantages of working with custom UI components is the ability to control how they look and feel. In particular when you develop with HTML, CSS and Javascript it’s good to use and invoke the native components to keep the code clean and small. Actually that means we’re on the mercy of the […]
Mobiscroll positioning
Mobiscroll started out as Date & Time picker simulating native UI controls (like datepicker, timepicker, spinning list etc.) of an OS, which were not possible to invoke in web apps, at least not on every platform. For some time it supported only one display mode, a modal popup, which appeared in the center of the […]
Hassle-free 5 minute guide to awesome Select
This is the second entry in our “Hassle-free” 5 minute guide series for making data-picking awesome in you app. What?!?! Under 5 minutes? Keep on reading … What you’ll be doing? You will be making selecting values easy in your mobile/tablet webapp or hybrid app (PhoneGap). You will render a scrollable control from HTML selects […]