Bootstrap 5 Components group_work

2.4.4

🔼 Bootstrap updated: 5.3.7 → 5.3.8

Minor Bootstrap update including upstream bug fixes.

🐛 Bug fixes

• Language switcher — removed redundant/deprecated aria-owns attribute
• Login dropdown — duplicate class attribute on the Logout link (the logout class was silently ignored by the browser)
• Navbar — dropdown menus overflowing the viewport when the navbar is not inside a Bootstrap container
• Figure — missing fn taglib causing a JSP compilation error
• CarouselItem — Bootstrap 3 markup used in edit mode, replaced with Bootstrap 5
• Offcanvas — undefined ${visibility} variable generating an invalid HTML attribute
• Carousel — undefined ${carouselCaptionClass} variable
• Navbar — typo brandImageMobileeUrl (double e) preventing mobile brand image from rendering
• Navbar — wrong i18n key bootstrap5nt_navbarnavbar for the language switcher aria-label
• Margin mixin — wrong package declaration in margin.margin.groovy

📖 Documentation

• Fixed inconsistencies between markdown documentation and CND definitions (button, navbar, grid)
• Documented navbar brand resolution behaviour (site node vs local component)
• Added Javadoc to initializer classes (ButtonTypeInitializer, GridTypeInitializer, NavbarRootInitializer)
• Added JSDoc to multilevel-nav.js

Full Changelog: bootstrap5-modules-2.4.3...bootstrap5-modules-2.4.4

2.4.3

Updated all Bootstrap assets to version 5.3.7

2.4.2

Enhancements

• Pagination Placeholder in Edit Mode
  Added a placeholder message for empty pagination components when in edit mode. This improves UX by making the component’s presence visible even when no items are available.

2.4.1

New Features

• Improved documentation:
  • Added a new section in docs/text.md describing how to use the bootstrap5mix:text mixin in custom definitions, including how to display its value in JSP.
• Compatibility updates for Jahia 8.2:
  • The bootstrap5-package module was enhanced to properly support Jahia 8.2:
  • Added Jahia-Required-Version: 8.2.0.0 to the manifest.
  • Included a dependency on the skins module (org.jahia.modules:skins:8.2.0).
  • Improved configuration of the maven-assembly-plugin and maven-dependency-plugin to ensure valid and complete package generation.

Dependency Updates

• Updated all Bootstrap assets to version 5.3.6:
• This includes .css, .min.css, .rtl.css, and .js files across the core module.
• View all changes here: https://github.com/twbs/bootstrap/releases/tag/v5.3.6

2.4.0

Compatibility Notice

• This version requires Jahia 8.2 or higher.
• All dependencies on Spring Framework have been removed to simplify the codebase and eliminate unused dependencies.

New Features

• Enhanced Navbar Customization
• Introduced two new configurable properties:
  • liClass: defines the CSS class for each <li> item in the navbar (default: nav-item).
  • navLinkClass: defines the CSS class for each <a> link in the navbar (default: nav-link).
• These properties are available through the bootstrap5mix:customizeNavbar mixin and supported in both JSP and Groovy-based views.
• Improved CKEditor Integration
• Added “Remove Format” button to clear inline formatting.
• Introduced a custom “Wash” button to clean up pasted HTML (e.g., from MS Word), removing unnecessary tags and styles.
• Integrated purify.min.js and beautify-html.min.js to sanitize and beautify content.

Enhancements

• Refactored navbar.basenav-multilevel.groovy
• Simplified rendering logic with reusable helper methods.
• Improved readability and maintainability of the recursive menu generation.
• Enhanced support for jnt:page, jnt:nodeLink, and jnt:externalLink menu items.
• Security & Compatibility
• Added a safety check in ckconfig.js to prevent errors when accessing combo_inlinestyles if the UI component is not present in CKEditor.

Documentation

• Updated docs/navbar.md to describe the new customizable navbar properties.
• Updated docs/text.md and replaced text.png to reflect the new CKEditor toolbar with format-cleaning options.

2.3.1

• Add new tab type "underline"
• Add missing resource for permissions
• Update assets to Bootstrap v5.3.3
   

2.3.0

• Update assets to Bootstrap 5.3.1
• Improvements on CKEditor configuration
• Enhance the documentation

2.2.2

Fix the remember me login feature

2.2.1

• Prevent redirect issue on login
• Adding jmix:accessControllableContent as a parent to the components'category, to generate permission for this category
• Only load jQuery + multilevel assets if needed

2.2.0

Starting with version 2.2.0, the bootstrap5-core bundle no longer provides mappings for assets.

2.1.7

Update assets to v5.2.3

2.1.6

Set the tab name as the URL fragment when clicking on a tab

2.1.4

Update assets to v5.2.2

2.1.3

Update assets to v5.2.1

2.1.2

Update assets to v5.2.0

2.1.1

Rename some initializers for a better cohabitation with Bootstrap 4

2.1.0

• Update assets to v5.2.0-beta1
• Keep "row" string in custom row class name
• Remove jQuery dependency on tabs
• Use buttons for tabs

2.0.9

Change versions to 2.0.x so the version for Jahia 8 is bigger than Jahia 7 version.

This release has the same features and the same code as v1.0.8

1.2.0

Changelog:

• Bootstrap5-core bundle no longer provides mappings for assets (QA-14549)
• Update assets to v5.2.3
• Set the tab name as the URL fragment when clicking on a tab
• Keep "row" string in custom row class name
• Remove jQuery dependency on tabs
• Use buttons for tabs

About the mappings for assets

Starting with version 1.2.0, the bootstrap5-core bundle no longer provides mappings for assets. This means that you will need to ensure that all of your views use one of the following resources for a Bootstrap 5 project:

• bootstrap.min.css
• bootstrap.bundle.min.js

If you suspect that your code or some third-party bundles are still using uncompressed resources such as bootstrap.css or bootstrap.js, and even popper.js or popper.min.js, you may need to add the following mappings in a spring file:

<bean class="org.jahia.services.render.StaticAssetMapping">
    <property name="mapping">
        <map>
            <entry key="bootstrap.css" value="bootstrap.min.css"/>
            <entry key="bootstrap.js" value="bootstrap.bundle.min.js"/>
            <entry key="bootstrap.min.js" value="bootstrap.bundle.min.js"/>
            <entry key="popper.js" value="bootstrap.bundle.min.js"/>
            <entry key="popper.min.js" value="bootstrap.bundle.min.js"/>
        </map>
    </property>
</bean>

For best practice, it is recommended to use the following code when adding Bootstrap 5 resources to your templates:

<template:addResources type="css" resources="bootstrap.min.css"/>
<template:addResources type="javascript" resources="bootstrap.bundle.min.js" targetTag="${renderContext.editMode?'head':'body'}"/>

Full Changelog: bootstrap5-modules-1.1.2...bootstrap5-modules-1.2.0

1.1.2

Rename the pagesandfiles picker to pagesandfiles5 to avoid conflicts with Bootstrap 4

1.1.1

Upgrade assets to Bootstrap v5.1.3

1.1.0

New release for Jahia 7.3

1.0.8

Rename the pagesandfiles picker to pagesandfiles5 to avoid conflicts with Bootstrap 4

1.0.7

Upgrade assets to Bootstrap v5.1.3

1.0.6

Update Bootstrap 5 assets to v5.1.1

1.0.5

Update Bootstrap 5 assets to v5.1.0

1.0.4

• Fixes on Navmenu: status of the page, title for nodeLink, prevent duplicate IDs for more than 1 navigation menu is used on the same page
• Add a Bootstrap5 view for the privacySettingsModal

1.0.3

• Add new property to set Class(es) to set on the Card Header
• Workaround for QA-13750 (resources set to body with targetTag are not loaded; set to head on edit mode)

1.0.2

Update assets to v5.0.1. Check full change log at https://github.com/twbs/bootstrap/releases/tag/v5.0.1

1.0.1