How to format toggle one below another

ZOOK 1 - [XXX]:
Add relevant links:
{formtoggle: name=SEND; default=yes; trim=left}
SEND chat link: XXX
SEND ref: XXX{endformtoggle}
{formtoggle: name=BALL; default=yes; trim=left}UK Portal Case link: XXX{endformtoggle}
{formtoggle: name=CALL; default=yes; trim=left}
batch link: XXX
reference: XXX {endformtoggle}
{formtoggle: name=LION; default=yes; trim=left}LION Link: XXX{endformtoggle}

When using the toggle things are getting arranged horizontally, I am trying to reduce vertical space but it is all coming in one line

Any help ?

Hi @Bhima_Charan_Tudu

You may remove the new lines and change the trim attribute value from left to yes as follows:

ZOOK 1 - [XXX]:
Add relevant links:
{formtoggle: name=SEND; default=yes; trim=yes}
SEND chat link: XXX
SEND ref: XXX{endformtoggle}{formtoggle: name=BALL; default=yes; trim=yes}UK Portal Case link: XXX{endformtoggle}{formtoggle: name=CALL; default=yes; trim=yes}
batch link: XXX
reference: XXX {endformtoggle}{formtoggle: name=LION; default=yes; trim=yes}LION Link: XXX{endformtoggle}

Please let me know if that helps.

Hi @Abdalla_Mahmoud It is still not working they are reflecting in the same line, I am trying to do it one after another.

ACB
BNV
CCD

Like this !

@Abdalla_Mahmoud Can you check this when you get here ?

Hi @Bhima_Charan_Tudu

Sorry, looks like I may have misunderstood your question. Can you please let me know what's the resulting layout you need in the following cases:

  • When all the toggles are unchecked?
  • When all the toggles are checked?

This way I can help you to optimize the snippet for your needs.

@Abdalla_Mahmoud As you can see they are all coming in same line the formatting is incorrect, the scenarios can be mixed.
where some are checked and unchecked. Can you please look into it.

@Bhima_Charan_Tudu do you mean something like this?

ZOOK 1 - [XXX]:
Add relevant links:
{formtoggle: name=SEND; default=yes}
SEND chat link: XXX
SEND ref: XXX{endformtoggle}
{formtoggle: name=BALL; default=yes}UK Portal Case link: XXX{endformtoggle}
{formtoggle: name=CALL; default=yes}
batch link: XXX
reference: XXX {endformtoggle}
{formtoggle: name=LION; default=yes}LION Link: XXX{endformtoggle}