Toggle button

Question

I want to use the toggle button (highlighted below) in my user interface - similar to that used in the Profile Settings --> Email notifications interface. 
 Is this available anywhere or on the Appmarket? 
 Thanks!

aditya007 · Answer

a!localVariables(
 local!value: true,
 a!richTextDisplayField(
 value: {
 a!richTextItem(
 size: "MEDIUM_PLUS",
 text: {
 a!richTextIcon(
 icon: "toggle-on",
 showWhen: local!value = true,
 link: a!dynamicLink(
 saveInto: {
 a!save(local!value, false)
 }
 ),
 linkStyle: "STANDALONE"
 ),
 a!richTextIcon(
 icon: "toggle-off",
 showWhen: local!value =false,
 link: a!dynamicLink(
 saveInto: {
 a!save(local!value,true)
 }
 ),
 linkStyle: "STANDALONE"
 )
 }
 )
 }
 )
) 
 Hi, you can use Rich Text Display Field containing a Rich Text Icon using the "toggle-on" / "toggle-off" icons. And on links use dynamic link to update the variable value.

Mike Schmitt · Answer

That seems to be one of the components they keep for behind-the-hood use within the Appian UI itself (though in this case i'm not sure why). However you could definitely build a component that does something similar in functionality (minus any cool animations anyway), using a Rich Text Display Field containing a Rich Text Icon using the "toggle-on" / "toggle-off" icons. 
 a!localVariables(
 local!value: "on",
 
 a!richTextDisplayField(
 value: {
 a!richTextItem(
 size: "MEDIUM_PLUS",
 text: {
 a!richTextIcon(
 icon: "toggle-on",
 showWhen: local!value = "on",
 link: a!dynamicLink(
 saveInto: {
 a!save(local!value, "off")
 }
 ),
 linkStyle: "STANDALONE"
 ),
 a!richTextIcon(
 icon: "toggle-off",
 showWhen: local!value = "off",
 link: a!dynamicLink(
 saveInto: {
 a!save(local!value, "on")
 }
 ),
 linkStyle: "STANDALONE"
 )
 }
 )
 }
 )
)

Mike Schmitt · Answer

I do enjoy the fact that now in 23.1 we can start assembling our own component libraries. I already had a half dozen or so, and it's nice to have a central place to organize them now. However (and not to gripe about a nice new feature) i do find it a bit annoying that the Design Library tab lists every single app package any of the added elements are in... that makes it quite a bit... busy.... on my dev environment.

Toggle button

Top Replies