Today we are releasing Mobiscroll 3.1 shipping new features, improvements and bug fixes. Changes have been made in four distinct topics: ES6 modules, data sources & filtering for Select, flexbox in Menustrip and the new page object.
Modularity was always at the core of Mobiscroll. Our goal is to ship tools that only pack what you’ll be needing in any particular scenario. For larger projects it was hard to manually manage all the dependencies and files. So ES6 Modules made their way into 3.1. What does this mean? While you were able to use Mobiscroll with module loaders as a single bundled package, you can now use the complete library as modules. Pretty cool, eh? With the Complete license you get all modules as separate files and you can use bundlers like Webpack or Browserify to get what you need on every particular page. Learn more about ES6 modules.
Data sources for Select & filtering
We are introducing data sources for the Select component. This can be local or remote – supporting JSON and JSONP for cross-domain requests. With something as simple as saying
filter: true you can enable data filtering for really long lists. It supports both client-side and server-side filtering. Check out a live example and enjoy the simplicity of the API.
There is a new engine under the Menustrip. We’ve simplified the structure which makes working with custom content and markup easier. There are less DOM elements, so less things to style and manage.
We are introducing the Page object. Simply add
mbsc-page to a child div under the body tag and you’ll get a simple page styling with typography, correctly adjusted padding and everything that is needed for a clean page.