Skip to main content link. Accesskey S

XPages Wiki

Submit Search

YouAtNotes XPages Wiki


Home > Working with oneUI theme
at openNTF">download">http://www.openntf.org/Projects/pmt.nsf/ProjectLookup/XPages%20Phonebook at openNTF
- application properties -> basics -> default theme = "oneUI"
- create a stylesheet "custom.css"
- in every XPage: all properties -> style -> styleClass = "tundra"
- in every XPage or in a commonly used custom control: all properties -> basics -> dojoParseOnload = true, dojoTheme = true

Update April 2010: simply download the "XPages Framework" project from OpenNTF: http://www.openntf.org/catalogs/a2cat.nsf/topicThread.xsp?action=openDocument&documentId=843875756A556ED2852576D2002ECD37

There is a full documentation in that project.

History stuff for an older version of oneUI

Basic Layout


Create the following custom controls

layout_PlaceBar

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">	
	<div id="lotusPlaceBar">PLACEBAR</div>
</xp:view>


layout_banner

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" dojoParseOnLoad="true"
	dojoTheme="true">
	BANNER
</xp:view>


layout_content

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
<div id="lotusContent">
	<xp:callback facetName="facet_1" id="callback1"></xp:callback>


</div>


</xp:view>




layout_footer

<?xml version="1.0" encoding="UTF-8"?>


<xp:view xmlns:xp="http://www.ibm.com/xsp/core">


<div id="lotusfooter">Footer Contents Here</div>


</xp:view>




layout_leftSidebar

<?xml version="1.0" encoding="UTF-8"?>


<xp:view xmlns:xp="http://www.ibm.com/xsp/core">


<div id="lotusColLeft">


	SIDEBAR	


</div>


</xp:view>




layout_titlebar

<?xml version="1.0" encoding="UTF-8"?>


<xp:view xmlns:xp="http://www.ibm.com/xsp/core">	


	TITLEBAR


</xp:view>




Basic code for the XPage for including the controls

<?xml version="1.0" encoding="UTF-8"?>


<xp:view xmlns:xp="http://www.ibm.com/xsp/core"


	xmlns:xc="http://www.ibm.com/xsp/custom" pageTitle="Home">




	<xc:layout_banner></xc:layout_banner>


	<xc:layout_titlebar></xc:layout_titlebar>


	<xc:layout_PlaceBar></xc:layout_PlaceBar>


	<div id="lotusMain">


		<xc:layout_leftSidebar></xc:layout_leftSidebar>


		<xc:layout_content>


			<xp:this.facets>


				<xp:span xp:key="facet_1">


					<xp:link escape="true" text="Neue Eingabe"


						id="link1" value="/Data.xsp">


					</xp:link>


					HERE IS THE CONTENT 


				</xp:span>


			</xp:this.facets>


		</xc:layout_content>


	</div>


	<xc:layout_footer></xc:layout_footer>


</xp:view>



Display Error control

Add all properties -> style -> styleClass="xspMessage" to display error messages in the usual yellow box. 



editEdit
Working with oneUI theme




ShowTable of Contents
 Setting up oneUI 

To use a nice standard theme for your app you can use a theme called "oneUI" as follows:

- copy the theme "oneUI" from for example Dec's phone book application http://www.openntf.org/Projects/pmt.nsf/ProjectLookup/XPages%20Phonebook
downloaddownload







 





See what's possible with Xpages.
Have a look at our ServiceCommunicator website
and the YouAtNotes Support.


Use  searchlotus.com  for news in the Web related to Lotus Notes and Domino,
and to search those sites.
Check  youatnotes.com  for great Lotus Notes, Domino and XPages software.
Did this wiki help you?
Did this saved you time? Express your gratitude by making a donation:		 PayPal - The safer, easier way to pay online!