advertisement

JahiaOne - Jahia 7: A bootstrap/less integration example

0 %
100 %
advertisement
Information about JahiaOne - Jahia 7: A bootstrap/less integration example
Technology

Published on February 18, 2014

Author: Jahia

Source: slideshare.net

Description

This short session will show a module using Twitter Bootstrap, less.js and the new capabilities offered by the versatile site settings panels offered by Jahia 7. This module enable editors or site admins to change and control the look and feel of their websites on the fly without touching the template-set and using the Studio and with no direct access to static assets files.
advertisement

Bootstrap Integration

What’s Bootstrap  A front-end framework made by @mdo and @fat at Twitter  Clean look and feel out of the box  Responsive  Grid system and GUI components  JavaScript (jQuery) plugins  Customizable thanks to Less

What’s Less  Less is a CSS pre-processor  extends the CSS language, adding features  variables  mixins  functions  compiles to a regular CSS

Customizable  .less files live in the site files  they’re accessed, edited and compiled from the site settings  the resulted CSS is stored as a node of the site  need to be published as any other content

Demo

Core modules  Jahia Bootstrap (bootstrap)  Jahia Boostrap Components (bootstrap-components)  Sample Bootstrap Templates (sample-bootstrap-templates)

Jahia Bootstrap  contains all the Bootstrap source files (.less files, javascripts, images)  site settings to edit the .less files  the Less compiler and the rule to execute it when a .less file is modified  JSP tags to link to the compiled CSS

Jahia Boostrap Components  provides a ‘bootstrap’ view for most of the default components  and several alternative Bootstrap views for some components (e.g. jmix:list)  new components with Bootstrap views

Sample Bootstrap Templates  set the ‘bootstrap’ view, if available, to be used as the ‘default’ one (new option available in templateSets)  comes with its own Bootstrap theme (custom .less files, images)

Bootstrap Integration

Add a comment

Related presentations

Presentación que realice en el Evento Nacional de Gobierno Abierto, realizado los ...

In this presentation we will describe our experience developing with a highly dyna...

Presentation to the LITA Forum 7th November 2014 Albuquerque, NM

Un recorrido por los cambios que nos generará el wearabletech en el futuro

Um paralelo entre as novidades & mercado em Wearable Computing e Tecnologias Assis...

Microsoft finally joins the smartwatch and fitness tracker game by introducing the...

Related pages

Sessions - Jahia - jahiaone.com

JahiaOne 2015. JahiaOne 2015; Sessions; Speakers; ... Jahia International User Conference Feb 6 & 7th 2014 ... Jahia 7 - Presentation ...
Read more

JahiaOne 2014

JahiaOne 2014 war Jahias erste globale Konferenz ... Präsentationen zu Jahia 7 und der digitalen ... Jahia 7: A bootstrap/less integration example:
Read more

Quentin Lamerand - Jahia - jahiaone.com

Quentin has been a software engineer at Jahia for two years. He has more than 7 years of ... JahiaOne. Day and Time Topic ... A bootstrap/less integration ...
Read more

Presentations and videos - Jahia - jahiaone.com

Jahia 7 and the Digital Industrialization vision presentations: ... Jahia 7: A bootstrap/less integration example; Slide : ... jahiaone@jahia.com ...
Read more

JahiaOne 2014 | Jahia Community

JahiaOne 2014 was the first edition of Jahia's global user conference for the Community. ... All pictures from JahiaOne are ... Jahia 7 and the Digital ...
Read more

JahiaOne - Jahia 7, The External Data Provider

Information about JahiaOne - Jahia 7, The External Data Provider. Technology. ... This session will explain how to use it and will show a simple connector ...
Read more

Quentin Lamerand - Jahia - jahiaone.com

Quentin has been a software engineer at Jahia for two years. He has more than 7 years of ... JahiaOne. Day and Time Topic ... A bootstrap/less integration ...
Read more

Bootstrap / Less | LinkedIn

View 2696 Bootstrap / Less posts, presentations, experts, and more. Get the professional knowledge you need on LinkedIn.
Read more