Typically used attributes
All attributes are
General attributes are
Used inside: ADAPTIVEAREAITEM, ANIMATEDPANE, BOX, FOLDABLEPANE, FOLDABLEVERTICALPANE, MENUITEMCONTAINER, OUTLOOKBARCONTENT, PAGE, PAINTAREAPANEITEM, PANE, PANEWITHSHADE, REPEAT, ROLLINGCONTAINER, ROWBODYPANE, ROWDEMOBODYPANE, SCROLLPANE, SHADOWEDPANE, SIZEABLEPANE, SIZEABLEPANEHORIZONTAL, SPLITPANESPLIT, STACKEDPANEITEM, TABBEDLINECONTAINERTAB, TABBEDPANETAB
Animation type
| hidetotop | Hide to top |
| hidetobottom | Hide to bottom |
| hidetoleft | Hide to left |
| hidetoright | Hide to right |
| shrinktocenter | Shrink to center |
| hidecontenttotop | Hide content to top |
| hidecontenttobottom | Hide content to bottom |
| hidecontenttoleft | Hide content to left |
| hidecontenttoright | Hide content to right |
| shrinkcontenttocenter | Shrink content to center |
| foglight | Light fog that disappears |
| fogdark | Dark fog that disappears |
| fogred | Red fog that disappears - used for indicating some error |
| shake | Shake the content so that it optically vibrates - used for indicating some activity |
| noanimation | ...finally: no animation at all |
Defintion of border of control. Either defined as straight color value, with then having a border of 1 pixel. Or: an explicit per-side definition as comma separated list of border definition values.
| #808080 | 1 pixel border in color dark gray. |
| top:1;color:#808080 | top:1;color:#808080 : border only on top, 1 pixel height, color #808080 |
| top:1;bottom:1;left:1;right:1;color:#FF0000 | top:1;bottom:1;left:1;right:1;color:#FF0000 : red border of 1 pixel size |
| top:1;bottom:1;left:1;right:1;color:#FF0000;dashing:5,2 | top:1;bottom:1;left:1;right:1;color:#FF0000 : red border of 1 pixel size, dashed with segments of 5 pixesl and 2 pixels; dashing only supported with FX Client! |
| noborder | Defines that no border is painted - esp. in cases when empty borders are normally added (e.g. in grid cells) |
Comment that can be asigned to any component. The comment is not operationally used.
| Any text | Any text |
Configuration information that is attached to this component. This information is not functionally used by CaptainCasa, but may be used for any application specific purpose.
Text that is shown when dragging over the component. The text is only shown if a drop is possible (DROPRECEIVE definition).
| (default) No text shown | |
| pixel(5) Current drop pixel position - in steps of 5 (or any other value) | |
| pixelX(5) Current drop pixel position - only the x-position | |
| pixelY(5) Current drop pixel position - only the y-position | |
| percentage(5) Current drop pixel position as percentage number - in steps of 5 (or any other value) | |
| percentageX(5) Current drop pixel position as percentage number - only the x-position | |
| percentageY(5) Current drop pixel position as percentage number - only the y-position | |
| textX(0,left,25,middle,75,right) Text that is shown depending from percentage x-position |
Semicolon separated list of object types that can be dropped onto this component.
| article | Example: articles can be dropped |
| article;customer | Example: articles and customers can be dropped |
If set to true then the corresponding area is isolated against hotkey eventy that are coming from outside areas.
| false | No hotkey isolation (default) |
| true | Hotkey isolation |
Binding to server side object property that represents the component on server side. The type of the property needs to fit to the component type. Example: for FIXGRID components the server side property needs to be of type FIXGRIDListBinding or FIXGRIDTreeBinding.
| #{xyz.xyz} | Binding definition |
Definition of padding on top level of container. This is the pixel distance between the outer shape of the container and its content. The definition either is a straight integer value or is an explicit per-side definition.
| 1 | One pixel distance on all sides (left, top, right, bottom) |
| 5 | 5 pixels distance on all sides (left, top, right, bottom) |
| left:1;right:1 | Only padding on the left and on the right - no padding on top and bottom. |
Flag that indicated if this component is rendered at all. If set to false then the component is not rendered - there is no component data sent to the client.
| true | Component is rendered (default) |
| false | Component is not rendered |
In CaptainCasa you can define styles definitions for components. A style definition is a definition of a set of default attribute values that are applied to the component. In case you want to differenciate between different usage types of the component you can apply multiple styles - and use the stylevariant attribute to select between.