djxmRoundRectList - Rounded List

Displays a rectangle with rounded corners.

Category

Mobile

Syntax

<xe:djxmRoundRectList attributes>content</xe:djxmRoundRectList>
Table 1. Essential properties
Property Description
id Defaults to djxmRoundRectList1, djxmRoundRectList2, and so on.
Table 2. All properties
Category Properties
accessibility title
basics binding, dir, iconBase, iconPos, id, lang, loaded rendered, rendererType, transition
dojo dojoAttributes, dojoType, tooltip
styling disableTheme, style, styleClass, themeId

Examples

This example demonstrates a mobile page that uses a rounded list.
<xe:appPage id="appPage4" pageName="newDocumentPage"
	preload="true" resetContent="true">
	<xe:djxmHeading id="newDocumentPageHeading" label="New Document"
		back="Cancel" moveTo="viewPage">
	</xe:djxmHeading>
	<xp:panel>
	<xp:this.data>
		<xp:dominoDocument var="document1" formName="MainTopic"	computeWithForm="onsave">
		</xp:dominoDocument>
	</xp:this.data>
	<xe:tabBar id="newDocumentTabBar" barType="segmentedControl">
		<xe:tabBarButton id="tabBarButtonSubmit" label="Submit">
			<xp:eventHandler event="onclick" submit="true"
				refreshMode="complete">
				<xp:this.action>
					<xe:moveTo forceFullRefresh="true" saveDocument="true"
						targetPage="viewPage" transitionType="slide" direction="Left to Right">
					</xe:moveTo>
				</xp:this.action>
			</xp:eventHandler>
		</xe:tabBarButton>
	</xe:tabBar>
	<xe:djxmRoundRectList id="djxmRoundRectList1">
		<xp:label value="Subject: " id="labelSubject2"></xp:label>
		<xp:inputText id="inputTextSubject2" value="#{document1.Subject}"></xp:inputText>
		<xp:br />
		<xp:label value="Category: " id="labelCategory2"></xp:label>
		<xp:inputText id="inputTextCategory2" value="#{document1.NewCats}"></xp:inputText>
		<xp:br />
		<xp:inputTextarea id="inputTextareaBody" value="#{document1.Body}" cols="40" rows="10">
		</xp:inputTextarea>
	</xe:djxmRoundRectList>
	</xp:panel>
</xe:appPage>