Version Information

Bootstrap 4 Upgrade

This release is based on Bootstrap 4.

See Updating to Bootstrap 4 for details on this mandatory step to perform the update on existing projects that still are based on Bootstrap 3.

System requirements

An overview of required dependencies and version can be obtained at SmartComponent Library NG Web System Requirements.

Overview of included tickets

Bug Fixes

SCLNG-381 Smart SplitView caused infinite loop in the stretch algorithm

Description:

We fixed an issue in the Smart SplitView that could cause an infinite loop freezing the window caused by new Bootstrap 4 CSS Styles not handled properly.

SCLNG-368 Smart SplitView responsive orientation now reacts to SmartForm width change

Description:

We fixed an issue where the Smart SplitView was not reacting correctly to window changes in width.

SCLNG-367 Smart Hamburger Menu template updated to use Bootstrap 4

Description:

he Smart Hamburger Menu template was still using Bootstrap 3 classes. This has been now adjusted to use Bootstrap 4 css classes.

New Feature

SCLNG-376 Additional CSS classes added to the Smart Language Picker

Description:

We added the following css classes to the Smart Language Picker to make the styles customizable:

• language-picker-popup (on the div.k-popup element in kendo-popup)

• language-label (on the selected language name)

• language-option-label (on the names of the language options)

SCLNG-370 Floating Window User notification for pending updates

Description:

When there are floating windows with pending updates and the user closes then with

• using the X on the floating window title

• using the X in the Window menu

• any other known method

we now prompt the user with a dialog like this here:

• Ignore the Kill Session, Copy and Stacktrace buttons

• Yes (Ja): Will save changes and close the window when there have not been validation errors

• No (Nein): Will close the window without saving (current behavior)

• Cancel (Abbrechen): Will not close the Window

SCLNG-358 Font Awesome support for menu images

Description:

We now support Font Awesome Images for menu structures.

SCLNG-341 New "before delete" hook in Smart Data Source

Description:

We have implemented a new hook for the Smart Data Source that can be used to perform certain operations before a record is deleted. The event raised is also cancellable.

JSON

{
  "dataSources": {
    "CustomerDataSource": {
        "beforeDelete": "BeforeCustomerDelete"
    }
  }
}

HTML

<smart-data-source [before-delete]="BeforeDeleteHandler" ... />

TypeScript

import { BeforeEventCallback } from '@consultingwerk/smartcomponent-library';

export class CustomerForm extends SmartFormComponent {

  BeforeDeleteHandler: BeforeEventCallback = (...) => {
    // returns either boolean or Promise<boolean>
  }
}