Skip to content

Version 4.3.0
Compare
Choose a tag to compare
@dioslaska dioslaska released this 26 Jul 06:32
· 52 commits to master since this release
v4.3.0
a29098f

What's New

New Component: Grid Layout

This is probably our biggest release since 4.0. We are introducing a new component: Mobiscroll Grid Layout. It is our full-featured responsive grid system for building flexible layouts.

Desktop components

We are launching support for desktop and pointer interaction for all of our mobile components. Scroller components and everything that was previously only available with touch interaction supports actual scrollbars and full interaction with a cursor.

Responsive breakpoints

If this wouldn’t be enough we are also introducing responsive breakpoints. You can now pass diffreent settings for diffreent screens, which means it is super easy now to make components show up and behave differently depending where they are being loaded. This works hand in hand with the new desktop support. You can now easily configure a touch UI on mobile and have pointer interaction desktop with a different display mode.

New languages

Oh and let’s welcome the new Thai and Ukrainian translations pushing up the supported languages to 37.

Changelog

Calendar

  • Fixed: Improved usability by increasing the tappable area around prev/next arrow buttons.
  • Fixed: The default positioning the multiple month view was changed to be more relevant depending on the use-case and defaults, min and max ranges.

Cards

  • New: Make your cards collapsible with the collapsible feature.
  • New: Collapsible cards can be rendered in an mbsc-accordion container to enable accordion behavior.

Color

  • Fixed: When used in Ionic framework, the color will will be passed to ion-inputs when selected.

Eventcalendar

  • Fixed: The event bubble styling was improved for better readability.
  • Fixed: Event bubble positioning was fixed for RTL rendering.
  • Fixed: When used in React, the component will be updated on prop change.

Forms

  • New: Make form groups and panel collapsible with the new collapsible feature.
  • New: Let form groups act as an accordion by wrapping them in the new accordion component.
  • New: A new Form Group component was added for React and Angular versions.
  • New: The text area can now be programmatically resized through the Javascript and jQuery APIs.
  • Fixed: rows attribute was added to the mbsc-textarea component to control the maximum number of rows.
  • Fixed: The text area will automatically resize itself based on the model and value changes in React and Angular version.

General

  • New: Enable manual editing of Angular inputs when showOnFocus and showOnTap is false.
  • New: Desktop mode and pointer interaction can now be enabled by setting the touchUi option to false. This simple setting involves a lot of behind the scenes heavy lifting including desktop rendering, positioning and enabling interaction with scrollbars instead of relying on touch UI.
  • New: Responsive breakpoints are introduced for controlling and configuring various settings based on screen sizes. You can now make the components fully responsive with the new responsive setting.
  • Fixed: Bubble positioning was fixed for IE11.
  • Fixed: Using directives in Ionic on ion-input components will behave correctly after data selection.

Gridlayout

  • New: Brand new responsive grid system was added for create flexible layouts.
  • New: Responsive CSS classes to cover the 12 columns from extra small to extra large screens.

Languages

  • New: Thai translation was added.
  • New: Ukrainian translation was added.

Listview

  • Fixed: Sort handles will now be removed when dynamically changing the sortable setting.
  • Fixed: Click events will fire correctly when using the list view on touch devices.
  • Fixed: Add and remove animations were speeded up for a more fluid user experience.

Numpad

  • Fixed: Decimal value will now be correctly parsed for the dot ('.') thousand separator.
  • Fixed: The decimal preset will accept null as default instead of 0 in Angular.

Range

  • New: New RangeStart and RangeEnd components were added for React that can be used inside the Range component for greater extensibility.
  • Fixed: Double border rendering issue was fixed for the iOS theme
  • Fixed: The default positioning the multiple month view was changed to be more relevant depending on the use-case and defaults, min and max ranges.

Select

  • Fixed: Missing filter property was added to the MbscSelectOptions type.

Treelist

  • Fixed: The selected value coming from the Angular JS model will be correctly set when the list is generated using ng-repeat.
  • Fixed: Wheel labels will be correctly rendered regardless of how the data is being set.

Widget

  • New: The component was renamed to popup to better describe what it is serving. While the old initialization is still working, it is now deprecated and will be removed in a future version.
  • New: mbsc-no-padding CSS class can now be applied for the component to remove the default padding, using the cssClass setting.
  • Fixed: Dynamically generated form inputs will now be focusable inside the popup.
  • Fixed: Error will not be thrown on close if the DOM changed (siblings or parent no longer present).
Assets 2
Loading