dialogButtonBar - Dialog Button Bar

Contains buttons in a dialog.

Category

Extension Library

Syntax

<xe:dialogButtonBar attributes>content</xe:dialogButtonBar>
Table 1. Essential properties
Property Description
id Defaults to dialogButtonBar1, dialogButtonBar2, 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 buttons.
The contained buttons appear at the bottom of the dialog.

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>