Home
HCL Domino Designer XPages User Guide
This guide focuses on the aspects of creating applications using XPages technology.
Designing XPages applications
HCL Domino® Designer provides the means to populate an XPage with controls and other artifacts, and to associate an XPage with data stores.
Adding controls from the XPages Extension Library
The XPages Extension Library provides additional controls ready to use. The controls include an application layout object, an improved dialog, pickers, in place forms, Dojo components, dynamic content, and much more. The controls support enhancements to the Domino(r)® templates.
Simple actions (Extension Library)
Specified here are the XPages Extension Library simple actions.
Dojo Fade Out Effect (Simple actions)
Causes a target control to fade out.

HCL Domino Designer XPages User Guide
This guide focuses on the aspects of creating applications using XPages technology.
- Product overview
  HCL Domino® Designer supports applications development for the HCL Domino platform using XPages, forms, views, and other elements such as controls.
- Tutorials
  This section contains tutorials and information about tutorials.
- Administering applications
  HCL Domino Designer provides features for administering and managing your work and related files while developing your application projects.
- Designing XPages applications
  HCL Domino® Designer provides the means to populate an XPage with controls and other artifacts, and to associate an XPage with data stores.
  - Previewing and running XPages
    XPages run in Domino® server and Notes® client environments. From Domino Designer, you can preview XPages in both environments.
  - Adding controls
    Controls are visual elements such as edit boxes, buttons, images, and text that allow users to manipulate data on an XPage.
  - Adding controls from the XPages Extension Library
    The XPages Extension Library provides additional controls ready to use. The controls include an application layout object, an improved dialog, pickers, in place forms, Dojo components, dynamic content, and much more. The controls support enhancements to the Domino(r)® templates.
    - Using controls from the XPages Extension Library
      Here are guidelines for using some of the controls in the XPages Extension Library.
    - Using templates from the XPages Extension Library
      Extended versions of the discussion and team room templates are provided.
    - @Functions (Extension Library)
      Specified here are the XPages Extension Library @functions.
    - Simple actions (Extension Library)
      Specified here are the XPages Extension Library simple actions.
      - Add Rows (Simple actions)
        Dynamically adds rows to a data iterator.
      - Alert (Simple actions)
        Displays a message in a modal dialog.
      - Change Dynamic Content (Simple actions)
        Changes dynamic content so that a specified facet displays.
      - Dojo Animation (Simple actions)
        Applies animation to a control.
      - Dojo Fade In Effect (Simple actions)
        Causes a target control to fade in.
      - Dojo Fade Out Effect (Simple actions)
        Causes a target control to fade out.
      - Dojo Slide To Effect (Simple actions)
        Causes a target control to slide to a specified position.
      - Dojo Wipe In Effect (Simple actions)
        Causes a target control to be wiped in.
      - Dojo Wipe Out Effect (Simple actions)
        Causes a target control to be wiped out.
      - Move To Mobile Page (Simple actions)
        Replaces the current page using a slick web movement.
    - Control reference (Extension Library)
      Specified here are the XPages Extension Library controls.
    - Property reference (Extension Library)
      Specified here are the XPages Extension Library properties.
  - Binding and submitting data
    The data store for XPages is Domino®. You can access the data store through Domino forms and views.
  - Adding images, styles, and themes
    You can enhance your design with images, styles, and themes.
  - Responsive web design support in XPages
    The XPages Extension Library supports Bootstrap, a Responsive Web Design (RWD) framework. This support comes in the form of an XPages Responsive Bootstrap plugin that you can use in your XPages applications.
- Designing composite applications
  You can create composite applications from XPages.
- Programming
  XPages uses JavaScript™ for programming while the forms-based design elements use the formula language, LotusScript®, Java™, and JavaScript.

Dojo Fade Out Effect (Simple actions)

Causes a target control to fade out.

Defined in

Extension Library

Type of simple action

Dojo Effects (Client)

Syntax

<xe:dojoFadeOut node="target" duration="ms" loaded="true|false" easing="function" var="name"><xe:this.attributes><xp:parameter name="name" value="value" loaded="true|false"</xp:parameter>...</xe:this.attributes></xe:dojoFadeOut>

Table 1. Attributes
Attribute	Description
`attributes="json"`	List of JSON formatted values passed as is.
`duration="ms"`	Duration of the animation in milliseconds. Defaults to 350.
`easing="function"`	Function that returns the rate of change of the animation over its duration.
`loaded="true\|false"`	Creates a tag instance when the control is loaded, or not. Defaults to `true`.
`node="target"`	Identifier of the control to which the animation is applied.
`var="name"`	Variable name to identify the animation.

Examples

Here two buttons cause text to fade out and fade in.

<xp:div id="div1"
	style="font-size:16pt;font-weight:bold;text-align:center">
	Testing testing testing
</xp:div>
<xp:button value="Fade Out" id="button2">
	<xp:eventHandler event="onclick" submit="false">
		<xp:this.script>
			<xe:dojoFadeOut node="div1" duration="1500"></xe:dojoFadeOut>
		</xp:this.script>
	</xp:eventHandler></xp:button>
<xp:button value="Fade In" id="button1">
	<xp:eventHandler event="onclick" submit="false">
		<xp:this.script>
			<xe:dojoFadeIn node="div1" duration="1000"></xe:dojoFadeIn>
		</xp:this.script>
	</xp:eventHandler>
</xp:button>