Display a list of actions on a single page for use within sites

Certified Lead Developer

I have an application with a set of actions that needs to be displayed in a single page of a site. What is the best approach to achieve this?

Example:

I have three actions:

1. Configure Departments

2. Configure Business Lines

3. Configure Products

 

Instead of having 3 pages in the site dedicated for each action, I need to display three links in a single page named "Configurations" that can trigger each action and on completion it goes back to the page with the 3 actions again.

  Discussion posts and replies are publicly visible

Parents
  • a!formLayout(

     label: "",

     contents: {

       a!columnsLayout(

         alignVertical: "MIDDLE",

         columns: {

           a!columnLayout(

             contents: {

               a!richTextDisplayField(

                 align: "LEFT",

                 value: a!richTextItem(

                   text: a!richTextItem(

                     text: a!richTextItem(

                       text: "Business Management",

                       style: "LARGE"

                     ),

                     style: "NEGATIVE"

                   ),

                   style: "STRONG"

                 )

               )

             }

           ),

           a!columnLayout(

             contents: a!richTextDisplayField(

               value: {

                 a!richTextImage(

                   image: a!documentImage(

                     document: 222738

                   )

                 ),

                 a!richTextItem(

                   text: a!richTextItem(

                     text: "Configure Departments",

                     style: "MEDIUM",

                     link: a!submitLink(

                       saveInto: a!save(

                         ri!isInspectionOnly_bool,

                         true()

                       )

                     )

                   ),

                   style: "STRONG"

                 ),

                 a!richTextItem(

                   text: "

          Click here to configure departments.

    " & char(

                     10

                   )

                 ),

                 a!richTextImage(

                   image: a!documentImage(

                     document: 222738

                   )

                 ),

                 a!richTextItem(

                   text: a!richTextItem(

                     text: "Configure Business Lines",

                     style: "MEDIUM",

                     link: a!submitLink(

                       saveInto: a!save(

                         ri!isInspectionOnly_bool,

                         false()

                       )

                     )

                   ),

                   style: "STRONG"

                 ),

                 a!richTextItem(

                   text: "

          Click here to configure business lines.

    " & char(

                     10

                   )

                 ),

                 a!richTextImage(

                   image: a!documentImage(

                     document: 222738

                   )

                 ),

                 a!richTextItem(

                   text: a!richTextItem(

                     text: "Configure Products",

                     style: "MEDIUM",

                     link: a!submitLink(

                       saveInto: a!save(

                         ri!isInspectionOnly_bool,

                         false()

                       )

                     )

                   ),

                   style: "STRONG"

                 ),

                 a!richTextItem(

                   text: "

          Click here to configure products." & char(

                     10

                   )

                 )

               }

             )

           ),

           a!columnLayout()

         }

       )

     }

    )

    And on the link of this we can use the a!startProcessLink() to start the process which you have to use for an action.

    You can see the screenshot below



    N
    ote: Thunder icon has been saved as an document

Reply
  • a!formLayout(

     label: "",

     contents: {

       a!columnsLayout(

         alignVertical: "MIDDLE",

         columns: {

           a!columnLayout(

             contents: {

               a!richTextDisplayField(

                 align: "LEFT",

                 value: a!richTextItem(

                   text: a!richTextItem(

                     text: a!richTextItem(

                       text: "Business Management",

                       style: "LARGE"

                     ),

                     style: "NEGATIVE"

                   ),

                   style: "STRONG"

                 )

               )

             }

           ),

           a!columnLayout(

             contents: a!richTextDisplayField(

               value: {

                 a!richTextImage(

                   image: a!documentImage(

                     document: 222738

                   )

                 ),

                 a!richTextItem(

                   text: a!richTextItem(

                     text: "Configure Departments",

                     style: "MEDIUM",

                     link: a!submitLink(

                       saveInto: a!save(

                         ri!isInspectionOnly_bool,

                         true()

                       )

                     )

                   ),

                   style: "STRONG"

                 ),

                 a!richTextItem(

                   text: "

          Click here to configure departments.

    " & char(

                     10

                   )

                 ),

                 a!richTextImage(

                   image: a!documentImage(

                     document: 222738

                   )

                 ),

                 a!richTextItem(

                   text: a!richTextItem(

                     text: "Configure Business Lines",

                     style: "MEDIUM",

                     link: a!submitLink(

                       saveInto: a!save(

                         ri!isInspectionOnly_bool,

                         false()

                       )

                     )

                   ),

                   style: "STRONG"

                 ),

                 a!richTextItem(

                   text: "

          Click here to configure business lines.

    " & char(

                     10

                   )

                 ),

                 a!richTextImage(

                   image: a!documentImage(

                     document: 222738

                   )

                 ),

                 a!richTextItem(

                   text: a!richTextItem(

                     text: "Configure Products",

                     style: "MEDIUM",

                     link: a!submitLink(

                       saveInto: a!save(

                         ri!isInspectionOnly_bool,

                         false()

                       )

                     )

                   ),

                   style: "STRONG"

                 ),

                 a!richTextItem(

                   text: "

          Click here to configure products." & char(

                     10

                   )

                 )

               }

             )

           ),

           a!columnLayout()

         }

       )

     }

    )

    And on the link of this we can use the a!startProcessLink() to start the process which you have to use for an action.

    You can see the screenshot below



    N
    ote: Thunder icon has been saved as an document

Children
No Data