Join Community
View
Use the View element to configure the display of blocks, similar to the div tag in HTML.
Parameters
| Param | Type | Description |
|---|---|---|
| display | block | inline |
|
| [style] | string |
CSS style string |
| [className] | string |
Class name of the CSS style to apply. Use with the Style tag |
| [visibleWhen] | region-selected | choice-selected | no-region-selected |
Show the contents of a view when condition is true |
| [whenTagName] | string |
Narrow down visibility by tag name. For regions, use the name of the object tag, for choices, use the name of the choices tag. |
| [whenLabelValue] | string |
Narrow down visibility by label value |
| [whenChoiceValue] | string |
Narrow down visibility by choice value |
Example
Create two cards that flex to take up 50% of the screen width on the labeling interface
<View style="display: flex;">
<View style="flex: 50%">
<Header value="Facts:" />
<Text name="text" value="$fact" />
</View>
<View style="flex: 50%; margin-left: 1em">
<Header value="Enter your question:" />
<TextArea name="question" />
</View>
</View>
Couldn't find what you were looking for? Please let us know on
Slack 
If you found an error, you can file an issue on GitHub!
If you found an error, you can file an issue on GitHub!