Bootstrap & XPagesXPages & Beer – 1 oktober 2013

Wie?

Freelance consultant/ developer

IBM Notes/ Domino

XPages, web, client, mobile, Unplugged

OpenNTF board member & contributor

http://XPages4Bootstrap.com

Waarom een design framework? Omdat look & feel belangrijk is

Wat een applicatie kan is niet het enige dat belangrijk is

Een consistente UI maakt een applicatie eenvoudig(er) in gebruik Herkenbaar Logisch

Goede developers hebben geen gevoel voor design Meestal…

Bootstrap – the basics

Design framework Layout Grids Allerlei componenten in dezelfde stijl

Net als OneUI Cross browser dezelfde stijl Eenvoudig te implementeren en uit te

breiden. Oorspronkelijk ontwikkeld voor/ door

Twitter Sinds 2011 open source

Bootstrap – the basics

Responsive Default vanaf v3 – mobile first

In de basis alleen een CSS file Voor bepaalde functies ook JavaScript

nodig jQuery als framework

Veel documentatie, voorbeelden & plugins

Integreert goed met XPages Maar er zijn wel wat hindernissen

Methode 1: do-it-yourself

Bestanden in WebContent folder in een nsf CSS JavaScript (jQuery) Afbeeldingen (Glyphicons)

Thema maken om de CSS/ JS te laden

Layout custom control o.b.v. standaard Bootstrap voorbeeld sjablonen

Demo

http://Bootstrap4XPages.com

Methode 2: plugin

OpenNTF project Op server en Designer client

installeren Bootstrap 2.3.1

Niet de meest recente versie dus… Maakt gebruik van de extension

library Support op Domino 9

Demo

Bootstrap4XPages – de plugin

Q ?