ComboStrap - 1.13 release

Release

ComboStrap - Release 1.13

About

The release 1.13 was focus on the creation of landing page components. This is the first landing page release. The next will be landing page perfect with full animation and layout.

Due to introduction of Bootstrap 5 in this release, a configuration update is require. As the bootstrap version and the stylesheet are now in the same configuration, you need after the update to set it back to your preferred stylesheet back.

Bootstrapversionstylesheet

Changes / New

Bootstrap 5

New: Bootstrap 5 is now the default. Read more about the bootstrap migration on this page: ComboStrap - Release 1.13 - BootStrap 4 to 5 Migration Changes

Animation

Landing page

Svg

  • New: Icons from Bootstrap and Feather are now natively available from the icon component
  • New: SVG Optimization - The Svg returned are now optimized. They are injected inline for file less than 2KB such as icon, they are otherwise loaded lazily and injected via javascript.
  • New: SVG Upload Permission - The Svg can now be uploaded by the admin and by a group of users.

Styling / Theme

  • New: Elevation is also now known as the shadow attribute and has gain 2 levels.
  • New: The Bootswatch stylesheet are now also served from the CDN (by default)
  • New: The table component does not take 100% width to reduce the visual space and allow floating element to the right.
  • New: float - the float styling attribute has been added.
  • New: added styling class to all component. It permits to take over the whole styling and create its own via the userstyle stylesheet.

Performance

  • New: Lazy loading is now part of Combostrap and the default

Raster Image

  • New: the image component accepts now styling attributes
  • New: Raster Images are now lazy loaded by default
  • New: Raster Images Retina Support. The image may be downloaded at a size that depends on the screen resolution (device pixel ratio) and not on the screen size.
  • New: SVG Lazy loading - The big Svg file are now only loaded when they are going to become visible.
  • New: SVG Injection - The big Svg file are downloaded and injected as SVG markup.
  • New: Image got the defaultImageLinking configuration to set the default media link behavior
  • New: Image with a width are media aware. The width will be 100% for a screen size below the width to make them fully responsive.

Layout

  • New: auto layout is supported on a grid where the columns takes the natural width of their content and never overflow.
  • New: If there is no bar, the main content is centered with a max length of 9 cols.
  • New: A Layout by page can be specified.

Security

  • New: Security, the csp directive are not statically saved in the template but added dynamically when the html headers are printed. It helps to have uniform on all pages (main, details and mediamanager)

UI Component

Markup perfect

Markup perfect means that there is no need to tweak the output via styling.

  • Improvement: Placing a button in a navbar does not require any spacing attribute. The button spacing is automatically created.
  • New: Edit button have been added for card, panel and slide making it easier to edit them.
  • New: Typo - the title styling class display-1 to display-6 are now responsive on Bootstrap 4
  • Update: The test are testing now that the HTML generation is XHMTL compliant. This is no more done with the hand.
  • New: Bootstrap perfect: We generate exactly the same markup than bootstrap. card and blockquote have now bootstrap paragraph with the text class making them easier to read.
  • New: Template Protection: We empty the php buffer before printing and send a message to admin user. Otherwise, plugins that print directly may mess the page completely.
  • Improvement: For boolean attributes such as selected for a panel tab, this is no more needed to specify the value. ie selected is equivalent to selected=true
  • Improvement: A note is now markup perfect (a stack) and accepts paragraph inside
  • New: floating right will add a margin at the left.

Bug

  • Bug: A image link points to the page now and not to the image.
  • Bug: Backlinks are now correctly rewritten when moving a page. The backlinks that were not in first position were be badly rewritten from [[id|description]] to [[newid]]|description]]




Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.




Recommended Pages
Jquery Version Browser Console
ComboStrap - JQuery

jquery is available in the strap template. To get the JQuery Version, you need to open the browser:consoleBrowser console and type Example: bootstrap version 5 Bootstrap 4 is packaged with...



Task Runner