Tip 17: How to add an image to the pop-up that appears on successful form submissions.

Tip 17: How to add an image to the pop-up that appears on successful form submissions.




Hello folks,

In Zoho Creator, any time you submit a form or add a new entry to a form, a window appears with the message—"Data Added Successfully". It's the default message shown to all users for all forms that you create on Zoho Creator. 

In this tip, we'll show you how to add an image along with that default message. 

Using a Page to add the HTML script

Step 1 
First, let's create a dummy form and upload the image we want to display in the pop-up window. Now go to the report, right click on the image link in the record, and copy the image URL.

Step 2 
Click on the plus (+) icon in the top left, create a new blank Page, and then name the page "Submision_Message_Page". Choose Snippet from the options provided on the left side of the screen, then drag and drop the HTML snippet to the page builder, and click Configure as shown in the screenshot below.





Step 3 
Now paste the copied image URL inside the HTML tag as shown below, and click Save, and then Done in the top right corner.




Step 4
Click the plus (+) icon again and create a new "While using the form" workflow, and then select the form for which you'd like to customize the message. Select Created from the list of options shown, so that every time the user adds a new entry or submits the form, this workflow will be executed. Click Add New Action and select Deluge Script so that you can write the code that'll help you customize your message.

Here, we need to do the following:
  • Remove the default success message that's usually shown on submission of a form.
  • Use an openURL task and paste the page's navigation URL as per the screenshot below.



  1. success message ""; // This will empty the default success message
  2. openurl("#Page:Submission_Message_Page","popup window"); 

The above script will open the Page in the pop-up window. 

And that's it! Now you can access your application and submit a form to see your image in the success message.



We hope this post was useful for you. If you have any questions, feel free to ask in the comments below, and we'll be happy to address them soon!

See you all next time, with even more interesting Creator tips!






    Access your files securely from anywhere

        Zoho Developer Community




                                  Zoho Desk Resources

                                  • Desk Community Learning Series


                                  • Digest


                                  • Functions


                                  • Meetups


                                  • Kbase


                                  • Resources


                                  • Glossary


                                  • Desk Marketplace


                                  • MVP Corner


                                  • Word of the Day



                                      Zoho Marketing Automation


                                              Manage your brands on social media



                                                    Zoho TeamInbox Resources

                                                      Zoho DataPrep Resources



                                                        Zoho CRM Plus Resources

                                                          Zoho Books Resources


                                                            Zoho Subscriptions Resources

                                                              Zoho Projects Resources


                                                                Zoho Sprints Resources


                                                                  Qntrl Resources


                                                                    Zoho Creator Resources



                                                                        Zoho Campaigns Resources


                                                                          Zoho CRM Resources

                                                                          • CRM Community Learning Series

                                                                            CRM Community Learning Series


                                                                          • Kaizen

                                                                            Kaizen

                                                                          • Functions

                                                                            Functions

                                                                          • Meetups

                                                                            Meetups

                                                                          • Kbase

                                                                            Kbase

                                                                          • Resources

                                                                            Resources

                                                                          • Digest

                                                                            Digest

                                                                          • CRM Marketplace

                                                                            CRM Marketplace

                                                                          • MVP Corner

                                                                            MVP Corner





                                                                              Design. Discuss. Deliver.

                                                                              Create visually engaging stories with Zoho Show.

                                                                              Get Started Now