timer function in Interface?

Question

Hello.

I have and component(card layout) shown in the interface using showWhen() function,
and want it to disappear after 30 seconds.

I thought of using the showWhen() function and refreshInterval of refreshVariable, but couldn't make it work.
I'd appreciate it if you could let me know if there is a way to make this possible.

Thank you.

paulos0008 · Accepted Answer

You can achieve that without user interaction:
There is a small issue, it's not exactly 30 seconds, because when you set the refreshInterval as 0.5, it is not exactly 30 seconds, but somewhere around it. From some tests I did, it's around 25 seconds.

a!localVariables(
  local!timeFlag: now() + second() * 15,
  local!show: a!refreshVariable(
    value: now() < local!timeFlag,
    refreshInterval: 0.5
  ),
  a!cardLayout(
    showWhen: local!show,
    style: "WARN"
  )
)

stefanhelzle0001 · Answer

Try something like this. The important part is, that you cannot make this work without a user interaction.

a!localVariables(
  local!status: true,
  local!show: a!refreshVariable(
    value: local!status,
    refreshOnReferencedVarChange: false,
    refreshInterval: 0.5
  ),
  {
    a!buttonArrayLayout(
      buttons: {
        a!buttonWidget(
          label: "hide",
          value: false,
          saveInto: local!status
        )
      }
    ),
    a!cardLayout(
      contents: {},
      height: "AUTO",
      style: "SUCCESS",
      marginBelow: "STANDARD",
      showWhen: local!show
    )
  }
)

Sign up

Login with SSO

Login to the community

Login with SSO