Xpages and Notes HTML ContentType (Look and Feel)

Language

XPages

Tags

Author

Köll S Cherizard

Submitted on

September 14, 2013 at 2:29 AM

Rating

Downloads

Notes

It may be necessary to push HTML into Xpages from controls, as part of look and feel or to further enhance user experience. Write HTML into view column and feed into Xpages form via a computed field, set ContentType as HTML in Xpages Computed field property.

Instructions:
(1) Create Form SiteInfo with fields ItemType, Item, ItemComment
(2) Create View SiteInformation with columns ItemType, Item, ItemComment
(3) From Lotus Notes Client, fire up SiteInfo form to create a new document
(4) Enter HTML in ItemType
(5) Enter the following HTML in Item: This is a TestTesting Maintenance Doc
(6) Save the Document
(7) Create New Xpages form, copy and paste above over generated code
(8) Computed Field should load 'Testing Maintenance Doc' on the Xpages form among the inputText controls

TIP: You could use several Computed fields depending on the way your page needs to look, as one example adding CSS code to page between two HTML computed items: Computed Field #1 This is a Test || Computed Field #2 || Computed Field #3 Testing Maintenance Doc all being fed through by the SiteInformation view document in the back-end. Be sure to Set Computed Field 'Item' to ContentType 'HTML' in Xpages computed field property, if you see HTML tags showing on the Xpage.

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
	<xp:this.data>
		<xp:dominoDocument var="document1" action="openDocument"
			formName="SiteInfo">
		</xp:dominoDocument>
	</xp:this.data>
	<xp:table>
		<xp:tr>
			<xp:td>
				<xp:label value="Title:" id="title_Label1"
					for="title1">
				</xp:label>
			</xp:td>
			<xp:td>
				<xp:inputText value="#{document1.Title}" id="title1"></xp:inputText>
			</xp:td>
		</xp:tr>
		<xp:tr>
			<xp:td>
				<xp:label value="Item type:" id="itemType_Label1"
					for="itemType1">
				</xp:label>
			</xp:td>
			<xp:td>
				<xp:inputText value="#{document1.ItemType}"
					id="itemType1">
				</xp:inputText>
			</xp:td>
		</xp:tr>
		<xp:tr>
			<xp:td>
				<xp:label value="Item:" id="item_Label1" for="item1"></xp:label>
			</xp:td>
			<xp:td>
				<xp:text id="item1" escape="false">

					<xp:this.value><![CDATA[${javascript:@DbColumn(@DbName(), "SiteInformation", 2);}]]></xp:this.value>
				</xp:text>
			</xp:td>
		</xp:tr>
		<xp:tr>
			<xp:td>
				<xp:label value="Item comment:" id="itemComment_Label1"
					for="itemComment1">
				</xp:label>
			</xp:td>
			<xp:td>
				<xp:inputText value="#{document1.ItemComment}"
					id="itemComment1">
				</xp:inputText>
			</xp:td>
		</xp:tr>
		<xp:tr>
			<xp:td></xp:td>
			<xp:td>
				<xp:messages layout="table" style="color:red"
					id="messages1">
				</xp:messages>
			</xp:td>
		</xp:tr>
		<xp:tr>
			<xp:td></xp:td>
			<xp:td>
				<xp:button value="Submit" id="button1">
					<xp:eventHandler event="onclick" submit="true"
						refreshMode="complete" immediate="false" save="true"
						id="eventHandler1">
					</xp:eventHandler>
				</xp:button>
			</xp:td>
		</xp:tr>
	</xp:table>
	<xp:br></xp:br>

</xp:view>

All code submitted to OpenNTF XSnippets, whether submitted as a "Snippet" or in the body of a Comment, is provided under the Apache License Version 2.0. See Terms of Use for full details.

No comments yetLogin first to comment...