Brug altid OneUI og overhold standarden 100%. Dermed er din kode:
- Dokumenteret
- Genbrugelig
Og du kan nemt hente og genbruge componter du henter udefra – f.eks. fra OpenNTF.org
Kom godt i gang guide:
- Først oprettes en Custom Control kaldet ‘Layout’ med nedenstående kode – dette laver det overordende OneUI framework (du kan altid selv opdele i flere custom controls eller fjerne elementer du ikke benytter)
Snippet - Tips: Tast <Crtl><Shift>F for at formattere source code pænt (indryk xml så det står pænt)
- Indsæt din nye custom control på en XPage
- Opret et nyt Theme og lad det extende OneUIV2:
<theme extends="oneuiv2"...
- Under ‘Application properties, XPages’ vælger du det Application Theme du lige har lavet
- Opret et nyt stylesheet (f.eks. “style.css”) og indsæt følgende css for at udskifte standard Lotus logoet med dit eget (gem dit eget logo som et image resource i basen). Tilsvarende laves et par ændringer til standard OneUI for at få det til at stå pænt:
/* add the xpages logo */ .lotusLogo { background-image: url("xpages.png"); width:100px; height:35px; margin-left:10px !important; } /* OneUI 2.1 bug fix */ .lotusSection h2 {margin:0px;} .lotusTitleBar h2 { margin:0px; font-weight: bold; } .lotusPlaceBar h2 { margin:0px; } /* Move the debug toolbar to the bottom */ div.debugToolbar {position:relative !important;}
- Tilføj nu det nye stylesheet til dit theme:
<resource> <content-type>text/css</content-type> <href>NiroOneUI.css</href> </resource>
Pingback: Login og Logout | XPages.dk