New tables in built-in apps

[bptworld]

Hi,
Curious if anyone knows how the new tables are created within the updated built-in apps (rm/rl/etc.)

Not sure how or when I would use such a thing but it would be fun to learn how to do it!

Being able to put clickable links/radios/checkboxes within a table is a great addition. Much better look and feel. Awesome addition, @bravenel !

Any examples would be greatly appreciated.

Thanks

[bravenel]

Tables are just HTML tables (groan). Links use this to create a "button", which work just like input buttons:

String buttonLink(String btnName, String linkText, color = "#1A77C9", font = 15) {
	"<div class='form-group'><input type='hidden' name='${btnName}.type' value='button'></div><div><div class='submitOnChange' onclick='buttonClick(this)' style='color:$color;cursor:pointer;font-size:${font}px'>$linkText</div></div><input type='hidden' name='settings[$btnName]' value=''>"
}

The rest are just special characters for radios, checkboxes, etc.

[bptworld]

That's pretty cool. I set up a test app and have it working great.

Thanks!

[garyjmilne]

@bravenel

String buttonLink(String btnName, String linkText, color = "#1A77C9", font = 15) {
	"<div class='form-group'><input type='hidden' name='${btnName}.type' value='button'></div><div><div class='submitOnChange' onclick='buttonClick(this)' style='color:$color;cursor:pointer;font-size:${font}px'>$linkText</div></div><input type='hidden' name='settings[$btnName]' value=''>"
}

Very helpful indeed. Could this method be used to connect the click action to the device picker, color picker or picklist controls?

[bravenel]

@garyjmilne

Could this method be used to connect the click action to the device picker, color picker or picklist controls?

Only indirectly. It can be used to set a state variable in appButtonHandler, and then that state can be tested in order to put up an input.

[bravenel]

See this post:

Lights Usage Table

A user wanted an easy way to see how long a light was on cumulatively. To meet this need, and to illustrate some basics of table UI, check out this app: