Toggle button

RE: Toggle button

Stefan Helzle — Thu, 14 Sep 2023 13:49:41 GMT

When you wrap the richt text field in a card layout, you cannot use that component in a side-by-side layout anymore.

RE: Toggle button

Stefan Helzle — Thu, 14 Sep 2023 13:48:09 GMT

RE: Toggle button

saikiranb654094 — Thu, 14 Sep 2023 08:18:15 GMT

a!localVariables(
local!a:true,
a!cardLayout(
contents:{
a!richTextDisplayField(
value:a!richTextIcon(
icon: "toggle-off",
color:"ACCENT",
size:"MEDIUM_PLUS",
link: a!dynamicLink(
saveInto: a!save(local!a,false)
),
linkStyle: "STANDALONE"
),
showWhen:toboolean(local!a)
),
a!richTextDisplayField(
value:a!richTextIcon(
icon: "toggle-on",
color:"ACCENT",
size:"MEDIUM_PLUS",
link: a!dynamicLink(
saveInto: a!save(local!a,true)
),
linkStyle: "STANDALONE"
),
showWhen:toboolean( local!a)= false
),
}
)

)

use this code for toggle button

RE: Toggle button

Mike Schmitt — Wed, 15 Mar 2023 14:56:41 GMT

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.

RE: Toggle button

Abhay Dalsaniya — Wed, 15 Mar 2023 14:41:30 GMT

Agree with all the comments. It will be lot more easier if Appian comes up with these kind of basic component library.

RE: Toggle button

Mike Schmitt — Wed, 15 Mar 2023 14:39:46 GMT

even better - when you're the poster of the topic, you also get a "verify answer" button appearing on submitted answers. But yes I agree, it's customary and helpful to give out the "green" lol - and preferably in order of answer submitted 😉

RE: Toggle button

aditya007 — Wed, 15 Mar 2023 14:36:05 GMT

Hi, Please up vote as well :)

RE: Toggle button

Debesh — Wed, 15 Mar 2023 14:32:01 GMT

thanks Aditya - will give it a go!

RE: Toggle button

Debesh — Wed, 15 Mar 2023 14:28:11 GMT

ahh perfect - will give it a go - thanks Mike!

RE: Toggle button

aditya007 — Wed, 15 Mar 2023 14:13:50 GMT

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.

RE: Toggle button

Mike Schmitt — Wed, 15 Mar 2023 14:10:51 GMT

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"
          )
        }
      )
    }
  )
)