OneUI

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>

En tanke om "OneUI"

  1. Pingback: Login og Logout | XPages.dk

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *

*