7 Replies Latest reply on Oct 3, 2018 4:45 AM by Thomas Morgadinho

    Trouble in using the fields repositioning tool

    Thomas Morgadinho

      Hi,

       

      I've been experimenting Sanford Whiteman's MktoForms2 :: Override Field Order in order to put our opt-in fields below the PP fields & submit button.

       

      I'm no developer, yet I managed something out with the tool:

       

      Problem is, there is not enough space between the submit button and the first optin field and I have no idea how to do that in javascript. I tried \n, \r and <br> but it's a no go.

       

      Here is the code I'm using on my test LP:

       

      <script id="teknklFormsPlus-tag-0.2.2" jive-link-external-small" href="/https%3A%2F%2Fcdpn-dl.figureone.com%2Ffigureone%2Fpen%2Fa3c396bb7fa83d263f64bc94a798e232.js" rel="nofollow" target="_blank">https://cdpn-dl.figureone.com/figureone/pen/a3c396bb7fa83d263f64bc94a798e232.js"></script>
      <script id="teknklFormsPlus-reorder-0.2.3" jive-link-external-small" href="/https%3A%2F%2Fcdpn-dl.figureone.com%2Ffigureone%2Fpen%2Ffc4152ec0c836523c4dcc471a87b1334.js" rel="nofollow" target="_blank">https://cdpn-dl.figureone.com/figureone/pen/fc4152ec0c836523c4dcc471a87b1334.js"></script>
      <script>
      MktoForms2.whenRendered(function(form) {
      var formEl = form.getFormElem()[0],
      submitButtonRow = formEl.querySelector(".mktoButtonRow");
      
      var fieldOrder = [
      submitButtonRow,
      "consenttoProcessing",
      "ConsentDisclaimer"
      ];
      
      FormsPlus.reorderFields(form, fieldOrder);
      
      // var fieldOrder = ["ArchiveMarketoLastDT__c","FirstName","Email","LastName"];
      // FormsPlus.reorderFields(form, fieldOrder);
      
      // var fieldOrder = [submitButtonRow, "FirstName", "Email","Website"];
      // FormsPlus.reorderFields(form, fieldOrder);
      
      // FormsPlus.reorderFields(form, [], true);
      
      });
      </script>
      

      Also, the live result: http://go.comap-group.com/TESTWebinarSS1_LP-Webinar1.html

       

      Thanks for the tips you will be providing!

       

      Thomas