wie Xpage Seitenstil durch styleClas anstatt Stil

Question

ich festlegen möchten ganze Seite Hintergrundfarbe und dieses Beispiel funktioniert gut einstellen

<xp:view xmlns:xp="http://www.ibm.com/xsp/core" 
    styleClass="myPage"> 
    <xp:this.resources> 
     <xp:styleSheet href="/myStyle.css"></xp:styleSheet> 
    </xp:this.resources> 
</xp:view> 

//myStyle.css 
.myPage{ 
    background-color:#f1f1f1; 
} 

in Notes Designer Sie, dass die Hintergrundfarbe sehen auf der Seite gilt aber in Browser funktioniert nicht

Answer 1

Ihr kleines Beispiel Arbeit für mich. Der Hintergrund ist im Browser grau.

Sehen Sie sich die Developer Tools-Konsole des Browsers an. Vielleicht bekommst du einen Hinweis, was das Problem dort ist.

Wenn Sie ein bootstrap Thema verwenden, wird Hintergrundfarbe durch Bootstrap überschrieben.

body.xsp { 
    background-color: #f1f1f1; 
} 

zu Ihrer Datei myStyle.css in diesem Fall hinzufügen.

Answer 2

Sie verweisen auf ein spezielles Stylesheet namens myStyle.css. Sie müssen daher ein Stylesheet in Resources - Style Sheets mit dem Namen myStyle.css erstellen und Ihr CSS zu dieser Datei hinzufügen.

Im Moment verwenden Sie ein Inline-Stylesheet und Ihre Referenz auf myStyle.css hat daher keine Auswirkungen (außer die Datei existiert natürlich).