Floating panel is stand-alone panel that can be moved to all area within the workspace.
| Description | ||
| new FloatingPanel(params?srcNodeRef?) |
Create a new FloatingPanel widget. |
| Description | ||
| creates |
Memory storage of all created floating panels. |
|
| order |
Ordering array of floating panels. This shows how floatng panels are arranged according to their zIndex values. |
|
| zIndex |
Priority of the floating panel. Higher number has higher priority. Higher priority floating panels will be displayed on top of lower priority floating panels. |
| Type | Description | |
| _styleAttr | Object |
when you want to set style for other node. you can do this by example...
_styleAttr:{
style-property:effected-node
}
this property was effected where this class was inherited and your widget was called by...
var widget = new YourWidget({
style:{
style-property:style-value
}
});
now effected-node in you widget will have style-property = style-value
|
| active | Boolean | If true, this forces the control to enter the active state and classname 'amos-form-active' will be added. |
| alignment | String | Alignment of panel. |
| animateDuration | Number | Animation duration in milliseconds. (Currently not in use) |
| busy | Boolean | If true, this forces the control to enter the busy state and classname 'amos-form-busy' will be added. |
| closable | Boolean | If true, dialog show [x] icon to close itself. |
| content | String | Node | Content of element. |
| disabled | Boolean | If true, any control's events(except change) are not responding. Its content cannot be edited and is excluded when the form is submitted. |
| draggable | Boolean | If true, you can move the panel. |
| error | Boolean | If true, this forces the control to enter the error state and classname 'amos-form-error' will be added. |
| fadeDuration | Number | Fade duration in milliseconds. |
| footer | String | Node | Text of the footer. |
| groupClass | String | Panel group. example: has 3 Panels ,can divide into 2 groups: group one has 1 panel and group two has 2 panels. |
| iconClass | String | Class of icon. |
| isMaximize | Boolean | If true, panel is maximised. It always has opposite value to isMinimise property. |
| isMinimize | Boolean | If true, panel is minimised. It always has opposite value to isMaximise property. |
| isShow | Boolean | If true, the panel is visible. |
| maxable | Boolean | If true, the maximize button is displayed. This button used to enlarge a dialog to its maximum size. |
| minable | Boolean | If true, the minimize button is displayed. This button used to hide a dialog. |
| modal | Boolean | If true, other items on the page will be disabled. Modal dialogs create an overlay below the dialog but above other page elements. |
| moveable | Boolean | If true, you can move the panel. |
| parentNode | Node | String | Node to append panel's element. |
| readOnly | Boolean | If true, the control is read-only and cannot be edited. However, its content, if presents, is included in form submission. |
| resizable | Boolean | If true, panel size can be changed. |
| showAtCenter | Boolean | If true, panel is initially shown at the center of a window. |
| state | String | state of the panel. Valid values are: "normal","minimize" and "maximize". The default value is "normal". |
| style | Object | String | Style of panel. |
| title | String | Text for title of the panel. |
| viewMode | Boolean | If true, the control will show only the displayedValue. |
| windowResizeDelay | Number | delay for safely adjustment the panel. |
| Return type | Description | |
| restore() | None | Reset all state and value to default. |
| resize(size) | None | Resize the Panel to specified size. |
| maximize() | None | Enlarge a panel to its maximum size. |
| minimize() | None | Dock a panel to its minimum size. |
| __baseClassInherit(constructor) | None | get className from superclass. |
| append(node) | None | Appends the node as the last child of the node. |
| bringToTop() | None | Move the panel to top. |
| show(duration) | Dojo/Deferred | Show the panel. |
| hide(duration) | Dojo/Deferred | Hide the panel. |
| adjust() | None | Manually adjustment the panel. |
Ordering array of floating panels. This shows how floatng panels are arranged according to their zIndex values.
Default: []
Priority of the floating panel. Higher number has higher priority. Higher priority floating panels will be displayed on top of lower priority floating panels.
Default: 100
style-property:effected-node
}
this property was effected where this class was inherited and your widget was called by...
var widget = new YourWidget({
style:{
style-property:style-value
}
});
now effected-node in you widget will have style-property = style-value
Default value: {}
Default value: false
Default value: 300
Default value: false
Default value: false
Default value: false
Default value: false
Default value: false
Default value: true
Default value: true
Default value: false
Default value: `domNode.parentNode` or `document.body`
Default value: false
Default value: false
Default value: normal
<Object>
size
|
Required |
size of panel.
|
<Object>
constructor
|
Required |
|
<String>
node
|
Required |
node which you append
|
<Number>
duration
|
Required |
fade duration
|
<Number>
duration
|
Required |
fade duration
|