---json
{
    "description": "The combostrap 1.13 release documentation ",
    "page_id": "j26525t9qchmlahdbr86n",
    "title": "ComboStrap - 1.13 release"
}
---
====== ComboStrap - Release 1.13  ======


===== About =====
The [[..:release|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.


<note important>
Due to [[release:archive:1.13_bootstrap5|introduction of Bootstrap 5 in this release]], a configuration update is require. As the bootstrap version and the stylesheet are now in the same [[docs:theme:bootstrap#configuration|configuration]], you need after the update to set it back to your [[:howto:stylesheet-bootstrap|preferred stylesheet]] back.


{{:strap:bootstrapversionstylesheet.png|}}
</note>


===== Changes / New =====
==== Bootstrap 5 ====
New: [[release:archive:1.13_bootstrap5|Bootstrap 5]] is now the default. Read more about the bootstrap migration on this page: [[release:archive:1.13_bootstrap5]]
==== Animation ====
  * New: added the [[docs:animation:hover|hover animation]] to improve emphasis

==== Landing page ====
  * New: The [[release:deprecated:slide|slide component]] to create landing page with sections of a page or hero section with alternated background
  * New: added the [[docs:styling:background|background component]] to manage the background of a component (at first for a [[release:deprecated:slide|slide]])
  * New : [[docs:styling:clickable|clickable attribute]]: make a whole surface containing a link, clickable.




==== Svg ====
  * New: Icons from [[https://icons.getbootstrap.com/|Bootstrap]] and [[https://feathericons.com/|Feather]] are now natively available from the [[docs:content:icon|icon component]]
  * New: [[docs:performance:svg_optimization|SVG Optimization]] - The Svg returned are now optimized. They are injected inline for file less than 2KB such as [[docs:content:icon|icon]], they are otherwise loaded lazily and injected via javascript.
  * New: [[docs:content:svg#upload permission|SVG Upload Permission]] - The Svg can now be uploaded by the admin and by a group of users.

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

==== Performance ====
  * New: [[docs:performance:lazy|Lazy loading]] is now part of Combostrap and the default

==== Raster Image ====
  * New: the [[docs:content:image|image component]] accepts now [[docs:styling:styling|styling attributes]]
  * New: [[docs:content:raster|Raster Images]] are now lazy loaded by default 
  * New: [[docs:content:raster#retina support|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: [[docs:content:svg#lazy loading|SVG Lazy loading]] - The big Svg file are now only loaded when they are going to become visible.
  * New: [[docs:content:svg#injection|SVG Injection]] - The big Svg file are downloaded and injected as SVG markup.
  * New: [[docs:content:image|Image]] got the [[docs:content:image#defaultImageLinking|defaultImageLinking]] configuration to set the default media link behavior
  * New: [[docs:content:image|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 [[docs:layout:component:grid|grid]] where the columns takes the natural width of their content and never overflow.
  * New: If there is no [[docs:theme:slot:slot|bar]], the main content is centered with a  max length of 9 cols.
  * New: A [[docs:theme:template:template|Layout]] by page can be specified. 

==== Security ====

  * New: [[:security|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 ====

  * New: A [[docs:content:link|Link]] by default cannot be written on  multiple line to avoid having strange behavior. The [[docs:content:link#enableMultiLinesLink|enableMultiLinesLink]] configuration permits to control this behavior.
  * New: You can add [[docs:content:image|image]] in [[docs:layout:component:panel|panel label]] (demo with [[docs:layout:component:tabs#label|tabs label]])
  * Improvement: [[docs:block:preformatted|preformatted (indented code block)]] is now enable by default with [[docs:utility:prism|prism styling]] but prints nothing when the line has only blank spaces to avoid confusion.


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

  * Improvement: Placing a [[docs:content:button|button]] in a [[docs:menubar:menubar|navbar]] does not require any [[docs:styling:spacing|spacing]] attribute. The [[docs:content:button|button]] spacing is automatically created.
  * New: ''Edit'' button have been added for [[docs:block:card|card]], [[docs:layout:component:panel|panel]] and [[release:deprecated:slide|slide]] making it easier to edit them.
  * New: [[docs:block:text|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 [[docs:theme:bootstrap|bootstrap]]. [[docs:block:card|card]] and [[docs:block:blockquote|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 [[docs:layout:component:tabs|panel tab]], this is no more needed to specify the value. ie ''selected'' is equivalent to ''selected=true''
  * Improvement: A [[docs:block:note|note]] is now markup perfect (a stack) and accepts paragraph inside
  * New: [[docs:styling:float|floating right]] will add a margin at the left.


==== Bug ====

  * Bug: A [[docs:content:link#image|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]]%%''