A TablePopin enables you to enhance a table row. The TablePopin is displayed below a row. If you assign the TablePopin to a table column, it is displayed below the row, and the row in question is highlighted.
By inserting cell variant TablePopinToggleCell into the first column of the table, you can implement opening and closing of a TablePopin. When the user clicks the TablePopinToggleButton, the TablePopin opens below the row; when the user clicks again, it closes.
You can also display a TablePopin by setting it in the table’s selectedPopinproperty. You also need to define an attribute selectedPopin of type String, under the node that hold the table data. If you set an empty string as value, no TablePopin will be displayed. To display a TablePopin, set the ID of the desired TablePopin.
A TablePopinconsists of two areas: a TextBar and a content area. You can add the following UI elements to the content area: Button, Caption, CheckBox, DropDownByKey, DropDownByIndex, FileDownload, FileUpload, Group, Image, HorizontalGutter, InputField, Label, LinkToAction, LinkToURL, ProgressIndicator, RadioButton, TextView and ValueComparison.
The properties of UI elements that can be changed by the user must be bound in a TablePopin to the context.
TablePopins cannot be used in a table if they contain a TreeByNestingTableelement.
● accessibilityDescription
Once you have activated accessibility, the assigned text is added to the quick info. This description provides semantic details of the UI element and is only read by the screen reader if the user focuses the complete Ul element.
● design
Specifies the appearance of the TablePopin content area. design is of enumeration type WDPopinDesign and can take the following values:
fill |
Content area with background color |
plain |
Content area with white background and frame. |
transparent |
Content area with transparent background and no frame. |
● hasContentPadding
Determines whether the content area is surrounded by an inner indent.
● titleDesign
This property allows you to specify the symbol that illustrates the message type of the title area. Property titleDesign can take the following values and is represented by enumeration type WDTablePopinTitleDesign.
critical |
A symbol for a critical message appears in the title. |
error |
A symbol for an error/stop message appears in the title. |
ok |
A symbol for an okay message appears in the title. |
text |
The title appears without a symbol. |
The default value for this property is text.
● titleText
Determines the text to be displayed for this popin. You can statically specify this property value at design time or bind it to a context attribute so that the value is provided automatically by the context at runtime.
Name |
Interface |
Type |
Initial Value |
Bindable |
accessibilityDescription |
IWDAbstractPopin |
String |
|
Bindable |
design |
IWDAbstractPopin |
WDPopinDesign |
fill |
bindable |
hasContentPadding |
IWDAbstractPopin |
boolean |
true |
bindable |
titleDesign |
IWDAbstractPopin |
WDTablePopinTitleDesign |
text |
bindable |
titleText |
IWDAbstractPopin |
String |
|
bindable |
Name |
Class |
Parameter |
onClose |
IWDTablePopin |
|
If you define an action for this event, a Close button is displayed in the TablePopin. If the user clicks this button, event onClose is triggered.