Button setup examples

You can set up various buttons depending on your business goals. Perform the setup in the Freedom UI Designer. Learn more in a separate article: Button.

Set up a button that executes multiple common actions 

To keep the page UI lean, you can combine similar button actions, for example, saving the record, canceling changes, or closing the page, into the drop-down menu of a single button.

Fig. 1 Button that executes multiple common actions

1. Open the setup area of the Save button included in the page template by default and edit the base parameters:

   1. Set Title to “Save and close.” Click in the right to localize the title to other languages you are going to use in the app. This lets you save time on localizing the finished app.
   Fig. 2 Set up a button

   

2. Add a drop-down menu with the action that closes the page.

   1. Click in the Menu items block.

   2. Set the base menu item parameters in the setup area (Fig. 3):

      1. Set Title to “Close.” Click in the right to localize the title to other languages you are going to use in the app. This lets you save time on localizing the finished app.
      2. Set Action to “Close page.”
      Fig. 3 Set up the button menu item

      

As a result, Creatio will add the Save and close button to the record page. Click the button to save the changes and open the section list. Select the Close menu item in the button drop-down menu to close the page without saving the changes.

Set up a button that contains submenus 

To make the app workflow as flexible as possible, you can add buttons that contain submenus with various actions users might require on different process stages.

Fig. 4 Menu button that contains submenus

1. Add a button to the page template and set the base parameters:

   1. Set Title to “Actions.” Click in the right to localize the title to other languages you are going to use in the app. This lets you save time on localizing the finished app.
   2. Set Style to “Primary.”

2. Set up the submenu with actions that open pages.

   1. Add an item that will contain the submenu.

      1. Click in the Menu items block.

      2. Set the base menu item parameters in the setup area (Fig. 5):

         1. Set Title to “Open homepage.” Click in the right to localize the title to other languages you are going to use in the app. This lets you save time on localizing the finished app.
         2. Set Action to “Open specific page.”
         Fig. 5 Set up a menu item

         

   2. Add an item that opens the Sales homepage to the Open homepage submenu.

      Fig. 6 Set up a submenu item

      
      1. Open the settings of the Open homepage menu item.
      2. Click in the Menu items block.

      3. Set the base menu item parameters in the setup area (Fig. 6):

         1. Set Title to “Sales.” Click in the right to localize the title to other languages you are going to use in the app. This lets you save time on localizing the finished app.
         2. Set Action to “Open specific page.”
         3. Set Which page to open? to “Sales homepage.”
   3. Repeat steps a-c for the submenu item that opens the Studio homepage.
3. Set up the submenu whose items add contact and account records in a similar way.

Fig. 7 Set up a button

As a result, Creatio will add the Actions button to the toolbar of the list page. You will be able to run the following actions using the button menu:

• Open Sales homepage.
• Open Studio homepage.
• Add a contact record.
• Add an account record.

Set up a button that runs business processes in a section 

In Creatio, you can set up a business process that runs for a specific section record. You can run business processes in any Freedom UI object using a button.

Fig. 8 Run business processes from the button menu

1. Add a button to the page template and set the base parameters:

   1. Set Title to “Run process.” Click in the right to localize the title to other languages you are going to use in the app. This lets you save time on localizing the finished app.
   2. Set Style to “Primary.”

2. Add an item that runs the Actualize contact age process process.

   1. Click in the Menu items block.

   2. Set the base menu item parameters in the setup area (Fig. 9):

      1. Set Title to “Actualize contact age process.” Click in the right to localize the title to other languages you are going to use in the app. This lets you save time on localizing the finished app.
      2. Set Action to “Run process.”
      3. Set Which process to run? to “Actualize contact age process.”
      Fig. 9 Set up the button menu item

      
3. Add an item that runs the Update the profile data population process in a similar way.

Fig. 10 Button settings

As a result, you will be able to run the Actualize contact age process and Update the profile data population business processes using the Run process button on the section page.