dialogContent - Dialog Content

Contains content in a dialog.

Category

Extension Library

Syntax

<xe:dialogContent attributes>content</xe:dialogContent>
Table 1. Essential properties
Property Description
id Defaults to dialogContent1, dialogContent2, and so on.
Table 2. All properties
Category Properties
basics binding, id, loaded, rendered, rendererType
styling disableTheme, style, styleClass, themeId

Usage

This control is intended:
  • For containment in a dialog.
  • To contain controls that display text.

See Modal dialogs for additional information.

Examples

Here are two buttons, one client-side and the other server-side, that activate a dialog. The dialog contains a computed field that displays the current time, and a dialog button bar. The button bar contains two buttons labeled "OK" and "Cancel" that simply close the dialog.
<xp:button value="Display time client-side" id="button4">
	<xp:eventHandler event="onclick" submit="false">
		<xp:this.script><![CDATA[XSP.openDialog("#{id:dialog1}")]]></xp:this.script>
	</xp:eventHandler>
</xp:button>
<xp:button value="Display time server-side" id="button5">
	<xp:eventHandler event="onclick" submit="true" refreshMode="complete">
		<xp:this.action><![CDATA[#{javascript:getComponent("dialog1").show()}]]></xp:this.action>
	</xp:eventHandler>
</xp:button>
<xe:dialog id="dialog1" title="Current Time">
	<xe:dialogContent id="dialogContent1">
		<xp:text escape="true" id="computedField1">
			<xp:this.value><![CDATA[#{javascript:var dt:NotesDateTime = session.createDateTime("Today");
			dt.setNow();
			return dt.getLocalTime();}]]></xp:this.value>
		</xp:text>
	</xe:dialogContent>
	<xe:dialogButtonBar id="dialogButtonBar1">
		<xp:button value="OK" id="button6">
			<xp:eventHandler event="onclick" submit="false">
				<xp:this.script><![CDATA[XSP.closeDialog('#{id:dialog1}')]]></xp:this.script>
			</xp:eventHandler>
		</xp:button>
		<xp:button value="Cancel" id="button7">
			<xp:eventHandler event="onclick" submit="false">
				<xp:this.script><![CDATA[XSP.closeDialog('#{id:dialog1}')]]></xp:this.script>
			</xp:eventHandler>
		</xp:button>
	</xe:dialogButtonBar>
</xe:dialog>