Floating Panel XPages Control

Posted by Niklas Heidloff on May 11, 2009

There is a new simple XPages control on
OpenNTF - floating
panel. Essentially this control
is just a wrapper for the dojo.dnd.Moveable class which can now be easily
used in XPages. You can run it live here.

In order to use the floating panel
in your app, add the custom control 'ccFloatingPanel' to your XPage.

The content to display within the
panel can be defined in two ways:

1. Property of custom control

Property name

Type

Default

Description

Sample value

text

string

“”

Text to display in floating panel

"Drag this panel and move
it around."

Sample:<xc:ccFloatingPaneltext="Drag
this panel and move it around."></xc:ccFloatingPanel>

2. Via editable area

In your XPage in which you have
dropped the custom control you can now drop other controls from the palette
by dropping them within the editable area of the floating panel control.

Sample:<xc:ccFloatingPanel
text="Drag
this panel and move it around."><xp:this.facets><xp:panelxp:key="editableAreaFloatingPanel"><br></br><xp:labelvalue="Here
you can add controls "id="label1"></xp:label><xp:labelvalue="via
an editable area or via "id="label2"></xp:label><xp:labelvalue="a
property of the control."id="label3"></xp:label></xp:panel></xp:this.facets></xc:ccFloatingPanel>