Add Custom Save Button in Sitecore 9.3 Forms

-


In Sitecore Forms we can easily add custom save button to manipulate forms data,
Well i had a requirement to capture some data from forms and insert it under custom database.  So its allow to override this one!

let's start to create logic for capture data!
Just create a MVC solution and add refrence Sitecore.Kernel, Sitecore.Mvc and Sitecore.ExperienceForms.dll

after that just create a class and inherit  by SubmitActionBase. you need to add some more references in your class.

 using Sitecore.Diagnostics;
using Sitecore.ExperienceForms.Models;
using Sitecore.ExperienceForms.Processing.Actions;
using Sitecore.ExperienceForms.Processing;




Below code you need to add under your class to execute your custom button.


 public forms(ISubmitActionData submitActionData) : base(submitActionData)
        {
        }


        public override void ExecuteAction(FormSubmitContext formSubmitContext, string parameters)
        {
            Assert.ArgumentNotNull((object)formSubmitContext, nameof(formSubmitContext));

            if (this.TryParse(parameters, out string target))
            {
                try
                {
                    if (this.Execute(target, formSubmitContext))
                        return;
                }
                catch (ArgumentNullException ex)
                {
                    throw ex;
                }
            }
            formSubmitContext.Errors.Add(new FormActionError()
            {
                ErrorMessage = this.SubmitActionData.ErrorMessage
            });
        }

        protected override bool Execute(string data, FormSubmitContext formSubmitContext)
        {
            Assert.ArgumentNotNull(data, nameof(data));
            Assert.ArgumentNotNull(formSubmitContext, nameof(formSubmitContext));

           
            //Get the sitecore forms field value here
            string Email = GetValue(formSubmitContext.Fields.FirstOrDefault(f => f.Name.Equals("EmailAddress")));
           

            // Call any method to save data

            return true;
        }

        private static string GetValue(object field)
        {
            return field?.GetType().GetProperty("Value")?.GetValue(field, null)?.ToString() ?? string.Empty;
        }

        protected override bool TryParse(string value, out string target)
        {
            target = string.Empty;
            return true;
        }




So almost done coding part now moving into Sitecore to create custom button,



we need to Navigate below path to create custom button

/sitecore/system/Settings/Forms/Submit Actions

 just right click on submit action folder and add submit button and add name as you want. once button created then you need to add your models here looks like





just ave it and publish this folder!  now navigate on forms where you want to add custom button, it will display under Submit Action list,





 select this one and save the form, publish and attach the worker process to cross verify,
That's the simple method to capture Sitecore forms data.


Reference:
https://doc.sitecore.com/developers/93/sitecore-experience-manager/en/add-a-form-to-a-webpage.html
https://doc.sitecore.com/developers/90/sitecore-experience-manager/en/walkthrough--creating-a-custom-submit-action-that-updates-contact-details.html


Hope it will be helpfull😇

Comments

Post a Comment

Popular posts from this blog

Difference between shared, Versioned and Unversioned fileds in sitecore

-
In this post we will know about shared, versioned and unversioned field differences. in short definition we can say about.. Versioned:-   This is the default. this is capable of having different data in every version for each language. Unversioned:-  This field can only have one unique copy of the per language.   Shared:-   This field only have one single version of the data that will be used in every version for each  language. so this is the major difference between them. Happy Coding😇
Read more

How to find broken links in Sitecore.

-
Image
Well, recently i take it clone of website and found too much broken links so i want to listed all broken links and fix it one by one. I search about that and read so many articles so i found a easiest way to identify broken link. a. First one we can go directly on control panel under reports > Scan the data for broken links. just click on that and it will open a new popup window. choose data base and press scan button it will take few seconds or minutes as per database and will show you a list of broken links. for fix it just click on item and fix it. b. Second way i found by power shell. just go on launchpad and click on PowerShell ISE. it will open a new popup looks like below images. just copy below script and paste there and press execute button. it will take few seconds to generate broken list. #Script Copied.. $database = "master" $root = Get-Item -Path (@{ $true = " $( $database ) :\content" ;
Read more

Setup First Sitecore Helix Example From Scratch (Blank solution)

-
Image
A quick walk through of Sitecore helix on how to setup a Sitecore website based on Helix        Architecture from scratch/blank solution        There is two solution to start with Helix:   a.   First to download the habitat demo site, cleanup and rename the project as per the requirement of the Project, and start working on the top up of the habitat.   b.    Second, create the solution from scratch means from blank solution.       I always preferred the second approach, because we can have full control of the solution and no need to understand the existing site logic and complexity.      So with the consideration of approach 2, here we are going to setup the site from scratch using Helix principle.            Hope you already have gone through the Sitecore helix principles, habitat documents, and training.    There was a lot of confusion regarding the Helix and Habitat terms, is it architecture? Principle? design? Sitecore accelera
Read more