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 holds the table data. If you set an empty string as the 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 if the table contains 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
This specifies the appearance of the TablePopin content area. design is of enumeration type WDPopinDesign and can have 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
This 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 ok message appears in the title. |
text |
The title appears without a symbol. |
The default value for this property is text.
● titleText
This 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 |
● onClose
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.