Basic

Currently Planarly does not do any filtering so all CSS properties are supported.

Examples are: background, font-size.

For an introduction to setting styles in Planarly, see the Single Sheet tutorial.

TWIT

Defining style "Twit" & "mytwit" on a region is equivalent to defining:

The name mytwit is call the TWIT's "marker". To match a TwitBegin and a TwitEnd, the markers must match. The marker must be a non-empty, no-whitespace string. If it's True, then the marker is the style definition's UUID.

TWIT markers do not need to be unique. We will match the begin and end markers into non-intersecting TWITs as much as possible, which is unique if a full match exists. TWITs can contain child TWITs. Therefore, each sheet contains a forest of TWITs.

Widget

https://user-images.githubusercontent.com/78234/111280063-5a0d0e00-8676-11eb-9608-25441a4cef65.png

The special style widget causes the content of a cell to be rendered as a widget, such as a button. Additional styles can be passed to the widget using the widget- styles. E.g.

"widget" & "button" \\\\ "background-color" & "yellow" \\\\ "widget-background-color" & "purple"

The cell has background-color yellow; the content of the cell is rendered as a button, with background-color purple.

button widget

Additional options:

"widget" & "button" \\\\ "widget-enabled" & False

Renders a disabled button. "widget-disabled" property is also supported.

html widget