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>