New release: Mobiscroll 4.7.0

Introducing Sass

We are introducing Sass for Mobiscroll. This means that we have migrated from Less to Sass and make it super easy to customize the look and feel of the UI. Besides the SCSS files we do provide CSS files, which means that this release is backwards compatible but comes with superpowers.

Dynamic themes

Along with the move to Sass we are adding dynamic themes. From now on you can create themes directly in your app with the help of Sass Mixins. Just define, pass the parameters and include them in your app.

Custom themes for NPM users

More and more people are installing Mobiscroll with NPM. This makes things convenient, the only disadvantage was that custom themes could not be easily included. Now they can be with the help of dynamic themes using Sass Mixins.

Read the full blog post

MOBISCROLL 4.7.0

Forms

FIXED

  • Fixed the Input’s floating label styling in Angular, when used with Reactive Forms.
  • In React, fixed a bug that killed the Switch components animation when the value was changed programatically.
  • Corrected the inset binding of the MbscFormGroup component in angular, to change when a false value is passed to it.

General

NEW

  • Styling was rewritten from Less to Sass, and the scss files are included in the packages as well, making possible to modify the theme colors programatically, without using the theme builder.

FIXED

  • Improved on angular bundle sizes.
  • A bunch of type definition issues.

Listview

FIXED

  • Corrected a bug in react, that triggered an add animation for each listview item on any data operation like add or remove.

Optionlist

FIXED

  • Data attributes for list items are now passed down to the rendered element.

MOBISCROLL 4.7.1

Eventcalendar

FIXED

  • If month was changed from the month or year picker, the first date of the month was not selected.

Forms

FIXED

  • The onChange event of the Slider was not working in React.

General

FIXED

  • Angular event listeners that were passed in the options object were not triggered.
  • In Angular, if a component’s value and options were changed at the same time, the value was not updated correctly.

Listview

FIXED

  • The option method was missing from the instance type definitions.

Timer

FIXED

  • Small styling fixes for the iOS theme desktop mode.

Timespan

FIXED

  • Small styling fixes for the iOS theme desktop mode.

MOBISCROLL 4.7.2

Cards

FIXED

  • The collapsible binding now makes the card components collapsible in angular.

Color

FIXED

  • Styling fixes for the Windows theme.
  • Stacked and floating labels were not working correctly with the iOS theme.
  • Moving the slider has thrown an error when the initial color value on the input was not between the defined colors.

Eventcalendar

FIXED

  • In agenda view, if scrollable event list was enabled, scroll was not working - the event list was constantly re-rendered on scroll.
  • The default inline display mode was not applied initially on the angular component.

Forms

FIXED

  • In Angular, the FormGroup component collapsible behavior was not working. The Accordion component was also affected.

General

FIXED

  • Fixed a bug in Angular, that prevented the correct value to be set to the model, when the settings of the component were changed at the same time.

Listview

FIXED

  • The actionable setting was missing from type definitions.
  • The instance parameter was missing from the onStageChange event handler type definitions.
  • The select , deselect , hideLoading and showLoading methods were missing from type definitions.

Popup

FIXED

  • responsive setting did not work for the Popup component.

Select

FIXED

  • In Angular, the select directive showed up empty when it was used with option elements instead of data array.

For the full changelog please visit our release history.

PS. If you’re coming from v3: We have composed an upgrade guide for moving from Mobiscroll 3 to Mobiscroll 4.