Bootstrap 4 related changes

Upgraded from Bootstrap 3 to Bootstrap 4. To migrate custom styling, please refer to the Bootstrap 4 documentation and migration guide. In the following sections the most radical changes are listed.

General

  • Style changes

    • .hidden has been replaced by .d-none

    • .pull-right has become .float-right

    • .btn-default has become .btn-secondary

    • AdminWeb header navbar has additional utility classes for look and feel (.navbar-dark .bg-dark)

  • Grid system has moved to flexbox

    • EntityModule filter forms have been restyled using flexbox, opting for a horizontal layout

  • minimized use of custom css by using bootstrap utility classes, such as margins and layouting

  • checkboxes and radio buttons have been upgraded the custom variant

    • unwrapped checkboxes are still rendered using the browser default

  • added strongly typed helper classes for bootstrap 4 types

  • updated various libraries amongst which some have breaking changes

    • Eonasdan Datepicker to Tempus Dominus

      • requires a control name to be registered on the element. If a control name is not present, the calendar may not work correctly

      • the change event has changed from dp.change to change.datetimepicker

      • registered attribute has changed from DateTimePicker to datetimepicker

    • AutoNumeric

      • is now a standalone library instead of a jquery plugin, accessible via a data-autoNumeric attribute on the corresponding element

Panels

  • panels have been replaced by card elements

    • navigation sidebar, wrapped (sortable)tables, ViewElementFieldset presets are now using cards

Icons

  • GlyphIcon icon font has been removed in Bootstrap 4, all icons have been migrated to FontAwesome5 icons.

    • Modules define their icons in an IconSet, through which they can easily be customized

« ViewElement infrastructure Bootstrap 4 upgrade Standard module changes »