Moving required checkbox field to the bottom of a Progressive Profiling form | Community
Skip to main content
T
TammyAmaral
New Participant
August 10, 2022
Solved

Moving required checkbox field to the bottom of a Progressive Profiling form

  • August 10, 2022
  • 1 reply
  • 2895 views

Hello,

I'm having some trouble cracking this one...we have this form with progressive profiling enabled but I can't seem to move the required checkbox field to the bottom of the form...this is what it looks like now go.ecompliance.com/testing-progressive-profiling.html

Where do I have to add custom CSS? at form level, template level, landing page level?

 

Any insight into this would be greatly appreciated! Thank you!

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by SanfordWhiteman

    It's not done using CSS. You need Forms 2.0 JS. See the demo here:

    MktoForms2 :: Demo :: Override Field Order 1.0.2

    1 reply

    SanfordWhiteman
    SanfordWhitemanAccepted solution
    New Participant
    August 10, 2022

    It's not done using CSS. You need Forms 2.0 JS. See the demo here:

    MktoForms2 :: Demo :: Override Field Order 1.0.2

      T
      TammyAmaralAuthor
      New Participant
      August 11, 2022

      Hi Sanford, thank you for the speedy reply...

      When I submitted a ticket with Marketo, they mentioned that this can only be done using CSS so I got bad intel there. Where would I implement this javascript within the form? Or would it be placed on the landing page template where the form is embed?

       

      Thanks,

      Tammy

        SanfordWhiteman
        SanfordWhiteman
        New Participant
        August 11, 2022
        When I submitted a ticket with Marketo, they mentioned that this can only be done using CSS so I got bad intel there.

        Yeah, that was bad intel. It’s impossible to do with only CSS while preserving accessibility (it is to some degree possible if you don’t care about keyboard interaction, but I do!).

         

        Where would I implement this javascript within the form? Or would it be placed on the landing page template where the form is embed?

        Not within the form. As in the CodePen demo, place it in a script anywhere after the embed code. On a Marketo LP, this means just inside the closing </body> tag.

          Terms & ConditionsAccessibility statement

          Loading footer...