Månadens Experttips – XPages-knappar med dijit

Månadens Experttips – XPages-knappar med dijit

XPages är det bästa som hänt Notes/Domino sedan version 5 men vissa delar är svåra att hitta dokumentation kring.

Dijit är en sådan del. Dijit är ett widget-ramverk för dojo som tillför en massa trevligt till XPages.
Bland annat kan knappar göras väldigt snygga.

Tyvärr saknas bra dokumentation kring detta, därför har vi samlat lite information här.

1.
Det går inte att applicera dijit-stil på knappar som inte ligger på samma sida som en vy-kontroll (view control).
För att komma runt detta, infoga en javascript-fil i databasen med koden nedan.
dojo.require(‘dijit.form.Button’)

2.
Skapa en XPage och lägg in den nyskapade .js-filen som en Resource.

3.
Gå in under Dojo och välj att aktivera nedan alternativ.
– Trigger Dojo parse on load
– Use Dojo Theme

4.
Skapa en knapp och sätt egenskaper på knappen enligt nedan.
DojoType: dijit.form.Button
Attribute: iconClass
Attribute value: dijitIcon dijitIconCut

Så här ser resultatet ut:

I bilagorna finns alla tillgängliga klasser och exempel på bilder.
Alla klasser och bilder finns även på länken nedan.
http://download.dojotoolkit.org/release-1.5.1/dojo-release-1.5.1/dijit/icons/

Bilagor:
editorIcons

commonIcons

Tags:
, ,