14 Jul 16:25

37f975e

v11.0.0

This is the first release to support TYPO3 10.x and will extend its support until the upcoming TYPO3 LTS version in April 2020. That also means we are dropping support for TYPO3 8.7 and older for upcoming releases.

Announcement

Bootstrap 3 support and the Less Parser will be dropped with the next major version (12.x).
Please plan your upgrades to Bootstrap 4 and SCSS.

Supported TYPO3 Versions for the 11.x Release-cycle of the Bootstrap Package:

TYPO3 9.5
TYPO3 10.x

Logo Handling

Logos in the Bootstrap Package were traditionally handled as plain src strings that were passed into the fluid image view helper.

Example:

<img class="navbar-brand-logo-normal" src="{f:uri.image(src: settings.logo.file)}" alt="{logoAlt}" height="{settings.logo.height}" width="{settings.logo.width}">

This had several drawbacks since we are lacking the full capabilities of a file object. For this, a new processor was introduced to convert static strings into file objects. These objects are now used for the logos displayed in the header.

Processing Configuration:

page {
    10 {
        dataProcessing {
            1553883874 = BK2K\BootstrapPackage\DataProcessing\StaticFilesProcessor
            1553883874 {
                files {
                    normal = {$page.logo.file}
                    inverted = {$page.logo.fileInverted}
                }
                as = logo
            }
        }
    }
}

New Usage:

<img class="navbar-brand-logo-normal" src="{f:uri.image(image: logo.normal)}" alt="{logoAlt}" height="{settings.logo.height}" width="{settings.logo.width}">

Migrate Customizations

If you have customized the usages of the navbar, for example, you need to adapt your template to make use of the new file objects logo.normal and logo.inverted. The setting settings.logo.file and settings.logo.fileInverted is not set anymore and will throw an exception if still passed to the image uri view helper.

Replace the following:

<f:if condition="{settings.logo.file}"> > <f:if condition="{logo.normal}">
<f:if condition="{settings.logo.fileInverted}"> > <f:if condition="{logo.inverted}">
{f:uri.image(src: settings.logo.file)} > {f:uri.image(image: logo.normal)}
{f:uri.image(src: settings.logo.fileInverted)} > {f:uri.image(image: logo.inverted)}

High Resolution Images

By popular request, we are now adding high-resolution options to the existing responsive image rendering. The Bootstrap Package does not activate them by default, but it can be added relatively easily by configuration.

Example configuration to enable high-resolution support for the default variant for devices with a minimum device pixel ration from 1.5 and 2.

lib.contentElement.settings.responsiveimages.variants {
    default {
        sizes {
            1\.5x {
                multiplier = 1.5
            }
            2x {
                multiplier = 2
            }
        }
    }
}

The data for image rendering is now extended with a sub-set for high-resolution variants. If you did not overwrite the default templates, it will just work as soon as you add the configuration. If you have overwritten the default templates, it will still work as before but you need to add the new support for high-resolution images yourself.

Please check the new updated templates and adjust your code if you want this support.

There is now a new key called sizes in every variant that should be rendered. This data-set consists of several entries each with a default key for a normal rendering (1x). This key will be added automatically and is always available. It is not possible to store sizes smaller than 1. Each size contains a multiplier, which is calculated with the base size.

Example:
Base: 1000px

Minimum Device Pixel Ratio = 1.5
Multiplier = 1.25
Result: 1250px

Minimum Device Pixel Ratio = 2
Multiplier = 1.5
Result: 1500px

See: #678

Timeline Content Element

You are now able to also set the time of an event in the timeline 😂. This is enabled by default.

If you do not want to show the time as before you can simply change the date format back to the original configuration.

plugin.bootstrap_package_contentelements {
    timeline.date.format = %B %e, %Y
}

The timeline also got more easy to customize, we added some new options. You will figure out ;)

$timeline-item-spacing: 1.5rem !default;
$timeline-item-padding: 1.5rem !default;
$timeline-item-border: 1px solid currentColor !default;
$timeline-item-border-radius: 0 !default;
$timeline-item-shadow: 0 1px 0 0 rgba(0, 0, 0, .15) !default;
$timeline-item-headline-color: $primary !default;
$timeline-item-headline-size: 1.5rem !default;
$timeline-item-date-size: .8rem !default;
$timeline-item-color: $body-color !default;
$timeline-item-bg: #ffffff !default;
$timeline-item-caption-bg: #f2f2f2 !default;

$timeline-icon-color: $body-color !default;
$timeline-icon-bg: #ffffff !default;
$timeline-icon-size: 46px !default;
$timeline-icon-space: 10px !default;
$timeline-icon-border: 3px solid currentColor !default;
$timeline-icon-border-radius: 50% !default;
$timeline-icon-border-opacity: .25 !default;

$timeline-marker-size: 16px !default;
$timeline-marker-bg: $timeline-icon-bg !default;
$timeline-marker-border: $timeline-icon-border !default;
$timeline-marker-border-radius: $timeline-icon-border-radius !default;
$timeline-marker-border-opacity: $timeline-icon-border-opacity !default;

$timeline-path-border: 2px dashed currentColor !default;
$timeline-path-opacity: .25 !default;

Example:

plugin.bootstrap_package.settings.scss {
    timeline-item-headline-size = 2rem
    timeline-item-date-size = 1rem
    timeline-item-border = 2px solid currentColor
    timeline-item-border-radius = 50% 2%/2% 50%
    timeline-icon-color = #ffffff;
    timeline-icon-bg = $primary
    timeline-icon-border-radius = 50% 40%/40% 50%
    timeline-icon-border-opacity = 1
    timeline-marker-bg = #fafafa
}

Image Preview of PDFs now enabled

OK, that one needs explanation. To deliver the best results possible, the bootstrap package has a strict type checking before passing assets to the correct renderings. Even if your system was capable of rendering images from PDFs it was not allowed by default through those type checkings, since a PDF is in the mimetype group application. That means we were not able to simply allow these application group since that would also mean that the system would try to generate a image from a zip file, like in fluid styled content.

Examples:

<img src="/fileadmin/my.pdf" />
<img src="/fileadmin/my.zip" />

Since there is still a huge demand for PDF previews, we made the decision to extend the current typechecks. TYPO3 allows you to configure imagefile_ext and mediafile_ext in its configuration. We are now also allowing the processing of files with extensions configured in the according lists.

See: 77549d3

Icon Group Content Element

The element had more potential than it was made use of, so it got a spec upgrade and is now much more versatile and useful and reduces the necessity for custom adjustments. You can now add links, add more text through the RTE, select the number of columns and choose the icon position.

Examples:
https://typo3.com/about-typo3/why-typo3-cms#c6282

SVG ViewHelper

The Inline SVG-Viewhelper now also can add a css class to the svg tag. Yupp - thats it.

<bk2k:inlineSvg 
    class="my-css-class"
    image="{item.icon}"
    width="32"
    height="32" />

<svg class="my-css-class" height="32" width="32">...</svg>

EXT:seo

The Bootstrap Package also cared about meta-data in the past, since we have dropped 8.7 support and TYPO3 now ships its own implementation we added a requirement to the new SEO extension.

Changelog

BREAKING

[!!!][TASK] Drop seo related meta tag settings 1dc73ff
[!!!][TASK] Section Menu hides single page header and empty entries (#707) b47e848
[!!!][FEATURE] Make timeline more flexible e4a6434
[!!!][FEATURE] Enable time settings for timeline 0f44976
[!!!][TASK] Drop jquery dependency from cookie consent wrapper 207de1c
[!!!][TASK] Drop data relation viewhelper a18c46d
[!!!][TASK] Remove fallback for extension configuration d3fcd7d
[!!!][TASK] Drop automatic language menu polyfill 6989ed6

FEATURE

[FEATURE] Introduce text carousel item 2a7e529
[FEATURE] Enable rich text editor for call to action carousel item 3049b34
[FEATURE] Make media renderer options configurable 76d883a
[FEATURE] Make header display date format configurable 04225dc
[FEATURE] Add make icon position in icongroup configurable d05ca34
[FEATURE] Allow processing of configured file types (#709) 77549d3
[!!!][FEATURE] Make timeline more flexible e4a6434
[FEATURE] Make icon spacing configurable in timeline 57c71dd
[FEATURE] Add variables to configure timeline headline and date size 0039dc6
[!!!][FEATURE] Enable time settings for timeline 0f44976
[FEATURE] Add support for highres images (#678) b8f7d91
[FEATURE] Support class attribute in inline svg vie...

Assets 2

14 Jul 15:53

benjaminkott

10.0.7

f805ed1

v10.0.7

FEATURE

[FEATURE] Allow processing of configured file types (#709) abe71e7

TASK

[TASK] Bumb bootstrap3 to 3.4.1 f305b76
[TASK] Bumb popperjs to 1.15.0 9e59584
[TASK] Bumb cookieconsent to 3.1.1 6de2c36
[TASK] Bumb jQuery to 3.4.1 c539c67
[TASK] Update ddev to 1.9.1 b0b54d8
[TASK] Update ddev to 1.8.0 ad0c086
[TASK] Update ddev to 1.7.1 814eb03
[TASK] Remove obsolete release scripts 414570f

BUGFIX

[BUGFIX] Make UpgradeWizards repeatable (#721) 7a7b685
[BUGFIX] Add missing aria-label translations for breadcrumb and nav toggle 5306cd8
[BUGFIX] Correct false typoscript default for 'custom-select-indicator' (#724) e662a4c
[BUGFIX] Avoid spooky random fluid compilation errors 1ca80a0
[BUGFIX] Avoid card-header link color inheritance 1300929
[BUGFIX] Add remove obsolete comma a5b6708
[BUGFIX] Add missing default parameter for icongroup dbf32f0
[BUGFIX] Add fontloader css and js only to header if content exists - fixes #703 b797b1f
[BUGFIX] Make cookieconsent variables overwriteable - fixes #704 80668df
[BUGFIX] Add missing description field to timeline images 05fa199
[BUGFIX] Correct icon placement in navbar 4ba56af
[BUGFIX] Correct variable spelling error and set variables of timeline to default 25e13b2
[BUGFIX] Respect target option for title link in card-group 8d0e5fb
[BUGFIX] Respect target option for links in card-group 2541256

Assets 2

10 Mar 22:32

benjaminkott

10.0.6

b25b75c

v10.0.6

This release contains aside from bugfixes also some library updates. In addition, we decided to make some features available in this branch since they were more or less missing in the previous versions and are non-breaking.

Library Updates

The following libraries have been updated:

Bootstrap 4.3.1
PhotoSwipe 4.1.3
Modernizr 3.7.0

Social Icons

The Social-Icons now also include RSS and VK (Vkontake), you can now find them in the TypoScript constants and you can set the URLs to your profiles. Enjoy.

Enhanced column slide behavior

It is now possible to make content columns slide without touching the templates. The typoscript lib for content selection now accepts a slide parameter, that can be used to define the data collection behavior.

Allowed Values:
-1 = back up to the site root
0 = default, no slide
1 = only the current level
2 = up from one level back

TypoScript Constants Example:

page.theme.pagelayout.<pagelayout>.colPos.<colPos>.slide = -1
page.theme.pagelayout.default.colPos.9.slide = -1

Fluid Example:

<f:cObject typoscriptObjectPath="lib.dynamicContent" data="{colPos: '9', slide: '-1'}" />

Enhanced "Icon Group" content element settings

The Icon Group Content element was too static to be useful. We make some simple adjustments to make it a bit more flexible, it has now an Options tab where you can also adjust the alignment also the elements that should be displayed in a row.

Adding links to "Icon Group" items

You can now set a link to each item of an icon group, this was much requested, to avoid that everyone is implementing this on its own - it was decided to ship this feature.

Full Changelog

FEATURE

[FEATURE] Add rss social media icon - fixes #629 2987c85
[FEATURE] Add vk social media icon - fixes #651 77aa19b
[FEATURE] Allow content slide configuration for all layouts and colPos dad5e38
[FEATURE] Make icongroup more usable by allowing to change visual behaviour 465872d
[FEATURE] Enable links in icon group db6fe66

TASK

[TASK] Streamline development environment c8448d4
[TASK] Update modernizr to 3.7.0 7c5df76
[TASK] Update photoswipe to 4.1.3 fd4194b
[TASK] Update to bootstrap 4.3.1 1ca4a7e
[TASK] Update scssphp and use fork to apply patches. 41f98fc
[TASK] Ensure scss and lf files are checked out with lf 26baaa6
[TASK] Strip pagets_ from pagelayout variable and set default if empty da535b6
[TASK] Update bootstrap to 4.2.1 - fixes #627 09aff39

BUGFIX

[BUGFIX] Prevent collapsing of frames - fixes #618 8a02a62
[BUGFIX] Add missing crop variants to carousel image - fixes #665 94df5f0
[BUGFIX] Disable rendering of footer-section-meta if all containing elements are disabled - fixes #657 87ad5af
[BUGFIX] Remove obsolete/invalid replacements in composer.json 7d64672
[BUGFIX] Use lf instead of crlf in tab svg b380238
[BUGFIX] htaccess does not allow pages that end with "rc" - fixes #652 08ae8aa
[BUGFIX] Use error object in form field template (#641) 946ee80
[BUGFIX] Render data-interval only on carousel if value exists f6b48af
[BUGFIX] Do not process svg file if it does not contain content 448b5bc
[BUGFIX] Add table context to typoscriptObjectPath for tt_content rendering 12f16b6
[BUGFIX] ce uploads accepts sorting direction (#630) 7bc713e
[BUGFIX] Correct spelling error in install service 39ff310
[BUGFIX] Show caption in lightbox when title is empty - fixes #626 29e2b5e
[BUGFIX] Minimize word breaks in figure captions (#621) 5877179
[BUGFIX] Typo: 'boostrap' should be 'bootstrap' (#625) d816ab7
[BUGFIX] Do not overwrite button stylings in footer sections d6ed356

Assets 2

15 Dec 16:38

benjaminkott

10.0.5

d34a866

v10.0.5

Important

Maintenance release to update the used Bootstrap 3 Framework the latest secure version 3.4.0.
This includes a fix of an XSS vulnerability inside the Bootstrap 3 Framework please see the following link for more information: https://snyk.io/vuln/npm:bootstrap:20160627

All released versions of the TYPO3 Bootstrap Package will receive this update.

TASK

[TASK] Add vscode to gitignore dddc1e6
[TASK] Update Bootstrap 3.x to 3.4.0 cdb0350

BUGFIX

[BUGFIX] Make Less Parser PHP 7.3 compatible (#617) d3c104d

Assets 2

15 Dec 16:36

benjaminkott

9.1.2

e9fb7d5

v9.1.2

Important

All released versions of the TYPO3 Bootstrap Package will receive this update. Please keep in mind that versions 6.x, 7.x, 8.x, and 9.x have no active support anymore. Please plan your update to the latest versions.

TASK

[TASK] Streamline changelog 1fe8f4b
[TASK] Add vscode to gitignore 2ae7193
[TASK] Remove preferred install for typo3/cms 119d769
[TASK] Remove unit test runner on older branch where there are none 7e79384
[TASK] Update travis configuration 09baed9
[TASK] Update Bootstrap 3.x to 3.4.0 673cf3e

BUGFIX

[BUGFIX] Correct used less parser version e1ebd8b
[BUGFIX] Make Less Parser PHP 7.3 compatible (#617) 29b2f0f
[BUGFIX] Process fieldName correctly in flexform data processor 7d72a5d
[BUGFIX] Correct docheader of CoreVersionCondition 72e277c
[BUGFIX] Load extension configuration only when extensions are installed ada7efc
[BUGFIX] Resolve deprecation for EXT:lang in TYPO3 v9.x b6709fd

Assets 2

15 Dec 16:35

benjaminkott

9.0.3

f7fff0c

v9.0.3

Important

TASK

[TASK] Streamline changelog 6a38ec7
[TASK] Add vscode to gitignore 1fff542
[TASK] Remove preferred install for typo3/cms 177f867
[TASK] Update Bootstrap 3.x to 3.4.0 3f29789
[TASK] Update npm dependencies be7e3a8
[TASK] Update travis configuration 1aa31ce

BUGFIX

[BUGFIX] Correct used less parser version e3cdcbc
[BUGFIX] Make Less Parser PHP 7.3 compatible (#617) 26f53b2
[BUGFIX] Process fieldName correctly in flexform data processor 4acdf9d
[BUGFIX] Correct docheader of CoreVersionCondition adf31f9
[BUGFIX] Load extension configuration only when extensions are installed 8931670
[BUGFIX] Resolve deprecation for EXT:lang in TYPO3 v9.x 47d6a50

Assets 2

15 Dec 16:34

benjaminkott

8.0.7

4be5eaf

v8.0.7

Important

TASK

[TASK] Streamline changelog 2fa4d05
[TASK] Add vscode directory to gitignore ec221a3
[TASK] Remove preferred install for typo3/cms 25ec116
[TASK] Update Bootstrap 3.x to 3.4.0 4949fdb
[TASK] Update npm dependencies 9d739e7
[TASK] Update travis configuration 6e5a9ee
[TASK] Use youtube-nocookie url in external media utility e65aafe

BUGFIX

[BUGFIX] Correct used less parser version a9a1bee
[BUGFIX] Correct paths to fonts b800095
[BUGFIX] Make Less Parser PHP 7.3 compatible (#617) 641bdee
[BUGFIX] Process fieldName correctly in flexform data processor e32ae9b

Assets 2

15 Dec 16:33

benjaminkott

7.1.1

484c0d6

v7.1.1

Important

TASK

[TASK] Update Less Parser 5947c04
[TASK] Update bootstrap to 3.4.0 64ecbb6
[TASK] Streamline changelog 39031e1
[TASK] Update npm dependencies 95698d5
[TASK] Disable php5.6 build, seems to be buggy on travis in combination with composer install 5609b75
[TASK] Remove preferred install for typo3/cms a9a415a
[TASK] Downgrade php-cs-fixer version 880fff2
[TASK] Update php-cs-fixer config 938db0b
[TASK] Update travis configuration d0d7f50
[TASK] Use youtube-nocookie url in external media utility c3a1b05

BUGFIX

[BUGFIX] Replace codesniffer with php-cs-fixer 1dfc3c9
[BUGFIX] Correct texticon preview paths on windows 47743c6
[BUGFIX] Correct less variable: @icon-font-path (#450) 3072d15
[BUGFIX] Add type to linkVars language parameter 5597daa

Assets 2

15 Dec 16:32

benjaminkott

7.0.6

4c130e9

v7.0.6

Important

TASK

[TASK] Update Less Parser 2a911b2
[TASK] Update bootstrap to 3.4.0 5d340e0
[TASK] Update jquery and hammer js 08febc1
[TASK] Streamline changelog bfa13fd
[TASK] Update npm dependencies bc2f99f
[TASK] Update travis configuration b9010c2
[TASK] Use youtube-nocookie url in external media utility 953d1a5

BUGFIX

[BUGFIX] Add type to linkVars language parameter 1726a18

Assets 2

15 Dec 16:30

benjaminkott

6.2.17

7cb9e05

v6.2.17

Important

TASK

[TASK] Update Less Parser 20ad93c
[TASK] Add changelog and streamline version numbers to current release 535114b
[TASK] Update bootstrap to 3.4.0 aabd135
[TASK] Update jquery to 2.0.8 101160b
[TASK] Update jquery to 3.3.1 b416ddf
[TASK] Update npm dependencies 2e4df49
[TASK] Remove php 5.3 from travis, not available anymore a9be7b2
[TASK] Update composer settings 38744bf
[TASK] Update travis configuration 0d7c3b6

BUGFIX

[BUGFIX] Apply htmlSpecialChars only on subheader user generated content (#555) bb5a173
[BUGFIX] Correct og:image setup height (#478) c4f71ee

Assets 2

Uh oh!

Releases: benjaminkott/bootstrap_package

v11.0.0

Announcement

Logo Handling

Migrate Customizations

High Resolution Images

Timeline Content Element

Image Preview of PDFs now enabled

Icon Group Content Element

SVG ViewHelper

EXT:seo

Changelog

BREAKING

FEATURE

Uh oh!

v10.0.7

FEATURE

TASK

BUGFIX

Uh oh!

v10.0.6

Library Updates

Social Icons

Enhanced column slide behavior

Enhanced "Icon Group" content element settings

Adding links to "Icon Group" items

Full Changelog

FEATURE

TASK

BUGFIX

Uh oh!

v10.0.5

Important

TASK

BUGFIX

Uh oh!

v9.1.2

Important

TASK

BUGFIX

Uh oh!

v9.0.3

Important

TASK

BUGFIX

Uh oh!

v8.0.7

Important

TASK

BUGFIX

Uh oh!

v7.1.1

Important

TASK

BUGFIX

Uh oh!

v7.0.6

Important

TASK

BUGFIX

Uh oh!

v6.2.17

Important

TASK

BUGFIX

Uh oh!