Configure Button Actions | Zoho Creator Help

Configure button action

You can define an action that takes place when a button is clicked in your page. You can link various actions to a button click including redirecting users to an external URL, opening a Zoho Creator component like: a form, report, or a page. Also, you can specify a custom function to be triggered on click of a button.

To configure a button action,

  1. Edit your app.
  2. Select the required page from the accordion menu on the top-left corner, or from the application preview in the middle. You'll be taken to its  Design  page.
  3. Click on the device icon to navigate to the  Design  view of the device of your choice.

  4. Hover in the middle and click  Open Page Builder .
  5. Click to select a panel that holds the button you want to configure action for.
  6. Click the  Configure  option in the toolbar in the header area of the page builder. The  Panel configuration  pane slides in.
  7. Click to select the button inside the panel.
  8. Select  Action  from the configuration options on the right.

  9. Choose from the options:
    • None : Use this option to remove any action associated previously.
    • Open url : Opens a given URL in a specified target window.
      • To configure Open URL action:
        • Select  Open url .
        • Enter a  URL  you want to open in the space provided below.
        • Select a target window from the  Open in  dropdown. 
    • Open form : Opens a specified form. You can select a form from any application in your account.
      • To configure Open form action:
        • Select  Open form .
        • Select Form  to associate to the button.

          Note:  The  Form  dropdown lists all the forms in the application you are currently working on. To select a form from another application, click the  Change App  option give in Blue, on the footer of the   Form  dropdown. Select another application and click  Done  to view all the forms in it. 

        • Enter a  Query Parameter
          .

          Adding a query parameter to an Open Form action, loads the associated form with pre-filled values, for the fields specified in the parameter string. You can pass multiple parameters, separating each using the  &  (amp) symbol.
          Parameter formats:

          1. Field link name=${page parameter name}
          2. Field name=value

            Example:

        • Select a target window from the  Open in  dropdown. 
    • Open report : Opens a specified report. You can select a report from any application in your account.
      • To configure Open report action:
        • Select  Open report .
        • S e lect Report  to associate to the button.

          Note:  The  Report  dropdown lists all the reports in the application you are currently working on. To select a report from another application, click the  Change App  option give in Blue, on the footer of the  Report   dropdown. Select another application and click  Done  to view all the reports in it. 

        • Enter a  Query Parameter
          .

          Adding a query parameter to an Open Report action, loads the associated report based on the criteria specified in the parameter string. You can pass multiple parameters, separating each using the  &  (amp) symbol.
          Parameter formats:

          1. Field link name=${page parameter name}
          2. Field name=value

          URL format for setting Report criteria with Operators other than "=" (Equal) is  FieldName1_op  &  FieldName2_op  

          Refer this  table  for the list of Constants for Operators.

            Example:

        • Select a target window from the  Open in  dropdown. 
    • Open page : Opens a specified page. You can select a page from any application in your account.
      • To configure Open page action:
        • Select  Open page .
        • Select Page  to associate to the button.

          Note:  The  Page  dropdown lists all the pages in the application you are currently working on. To select a page from another application, click the  Change App  option give in Blue, on the footer of the  Page  dropdown. Select another application and click  Done  to view all the pages in it. 

        • Enter a  Query Parameter .

          Adding a query parameter to an Open Page action, provide values for parameters(associated page parameter) in the page to be opened.

          Parameter formats:
          1. Field link name=${page parameter name}
          2. Field name=value

          You can pass multiple parameters separating each using the  ‘&’  symbol.

        • Select a target window from the  Open in  the dropdown. 
    • Execute function : Invokes a custom function, specified in any application of your Zoho Creator account.
      • To configure Execute function action:
        1. Select  Execute function .
        2. Select a custom function  to associate to the button.

          Note:  The  Function  dropdown lists all the custom functions in the application you are currently working on. To select a function from another application, click the  Change App  option in Blue, on the footer of the  Select function  dropdown. Select another application and click  Done  to view all the functions in it. 

        3. Select a  Parameter

          You can choose an argument of the selected function, to pass it as a page parameter.

        4. Select when to execute the function workflow:  At Once  or  After Confirmation .
          • If you choose  At Once , go to the next step (v).
          • If you choose  After Confirmation , you must specify the  confirmation message  and button text for the  confirm execution  and  cancel execution  buttons.  Learn more
        5. Specify a  Success message  to be displayed, on successful execution of the associated function.
  10. You can make the changes and close the  Panel configuration  pane. The changes will be auto-saved.

Confirmation for function execution in buttons

Before executing actions such as deleting certain records, a confirmation for proceeding with it helps ensure you don't delete important records by accident. Sometimes, you may never even realize that a record was deleted or that more than one record was accidentally deleted. In such instances, it is always safe to confirm the action request before execution. 

Here are some of the scenarios where actions can have confirmation before they're executed:

  • Deleting
  • Approving or Rejecting
  • Changing Status
  • Sending emails
Note : In pages, this confirmation for actions is available only for executing a function.

Configure action confirmation for function execution

  1. Edit your application
  2. Open your page builder and click to select a panel that holds the  button  you want to configure an action for.
  3. Click the  Configure  option in the header area of the page builder. A  configuration  pane will slide in.
  4. Click to select the  button  inside the panel.
  5. Click the  Action  tab and choose  Execute function  from the  Action Type  dropdown on the right.
  6. Select a  custom function  and specify the argument value.
  7. Click  After confirmation  under the  Execute the workflow  section.
  8. Specify the following:
    • Confirmation message : The message that will be displayed in the confirmation popup informing users of the action that will take place when they confirm to execute it.
    • Confirmation execution button : The button text that will be displayed to confirm the function execution.
    • Cancel execution button : The button text that will be displayed to cancel the function execution.

      Note : The default values for the  Confirmation execution  button and  Cancel execution  button will be  Yes  and  No  respectively.
  9. The changes will be saved automatically. When you access your page in live mode, the confirmation popup will prompt users before the function is executed.

ZML script for confirmation of function execution

The below script shows how to configure the confirmation popup details such as confirmation message, confirmation execution button, and cancel execution button for the execute function action in the button component:

<panel>
  <pr width='fill' height='fill'>
    <pc padding='20px' bgColor='#FFFFFF' width='100%' vAlign='middle'>
      <pr width='auto' height='auto'>
        <pc padding='5px' vAlign='middle'>
          <pr>
            <pc>
              <text size='15px' uppercase='false' underline='false' bold='false' italic='false' type='Text' value='Order Details'> </text>
            </pc>
          </pr>
          <pr>
            <pc>
              <button marginLeft='0px' marginRight='0px' marginBottom='0px' marginTop='0px' action='ExecuteFunction' executeWorkflow='afterConfirmation' confirmationMsg='Proceed to view order details?' confirmButtonText='Yes, proceed' cancelButtonText='No, cancel' functionName='getRecordDetails' color='#ffffff' size='16px' uppercase='false' underline='false' bold='false' italic='false' text='View' type='flat' bgColor='#0072f4' successMsg='You have viewed the order details!' /> </pc>
          </pr>
        </pc>     
     </panel>
  1. Add a button
  2. Add style to button
  3. Configure button display


    Zoho CRM Training Programs

    Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.

    Zoho CRM Training
      Redefine the way you work
      with Zoho Workplace

        Zoho DataPrep Personalized Demo

        If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.

        Zoho CRM Training

          Create, share, and deliver

          beautiful slides from anywhere.

          Get Started Now


            Get started with Zoho Sign

            in a few quick steps!

            Download Help Guide





                      Still can't find what you're looking for?

                      Write to us:  support@zohoforms.com


                            




                          

                        Zoho Marketing Automation

                          Zoho Sheet Resources

                           




                              Zoho Forms Resources


                                Secure your business
                                communication with Zoho Mail


                                Mail on the move with
                                Zoho Mail mobile application

                                  Stay on top of your schedule
                                  at all times


                                  Carry your calendar with you
                                  Anytime, anywhere




                                        Zoho Sign Resources

                                          Sign, Paperless!

                                          Sign and send business documents on the go!

                                          Get Started Now


                                              Zoho SalesIQ Resources



                                                  Zoho TeamInbox Resources



                                                          Zoho DataPrep Resources



                                                            Zoho DataPrep Demo

                                                            Get a personalized demo or POC

                                                            REGISTER NOW


                                                              Design. Discuss. Deliver.

                                                              Create visually engaging stories with Zoho Show.

                                                              Get Started Now











                                                                                    • Related Articles

                                                                                    • Display custom action button for specific records

                                                                                      Requirement   The custom action button in a report should be visible only for certain records, based on a condition. Use Case   An asset request app lets employees raise requests for gadgets or machines. While filling the form, employees can specify ...
                                                                                    • Update a form using custom action (from another form's report)

                                                                                      Requirement   Update a form using a custom action configured in another form's report. Use Case In an engineering college student management application, a student may withdraw at any time of the academic year. Whenever a student applies for ...
                                                                                    • Configure button display

                                                                                      Display configuration for a button includes adding a label to the button, thus hinting the user clearly where they would land on clicking the button. The following are the steps to configure the label for a button in your page: Edit your app. Select ...
                                                                                    • Configure panel element's action

                                                                                      You can associate an action to each dashboard element to add interactivity. The different types of actions that you can associate to an element include: Open url: Redirects to the specified url Open form: Opens the specified form Open report: Opens ...
                                                                                    • Add a button

                                                                                      Buttons can be included in pages to link related application components, such as a form or report, or to simply execute a pre-defined custom function on the click of a button. Each button, by default is embedded in a panel. The following are the ...
                                                                                    Wherever you are is as good as
                                                                                    your workplace

                                                                                      Resources

                                                                                      Videos

                                                                                      Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                                                                      eBooks

                                                                                      Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                                                                      Webinars

                                                                                      Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                                                                      CRM Tips

                                                                                      Make the most of Zoho CRM with these useful tips.



                                                                                        Zoho Show Resources