Skip to main content
TammyAmaral
Level 2
Aug 10, 2022 10:48 PM UTC
Solved

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

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.
    SanfordWhiteman
    SanfordWhitemanAccepted solution
    User Group Leader
    Aug 10, 2022 11:51 PM UTC

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

    MktoForms2 :: Demo :: Override Field Order 1.0.2

    View in thread

    5 replies

    SanfordWhiteman
    User Group Leader
    SanfordWhitemanUser Group LeaderAccepted solution
    User Group Leader
    Aug 10, 2022 11:51 PM UTC

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

    MktoForms2 :: Demo :: Override Field Order 1.0.2

    Translate
      TammyAmaralAuthor
      Level 2
      Aug 11, 2022 3:11 PM UTC

      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

      Translate
        SanfordWhiteman
        User Group Leader
        SanfordWhitemanUser Group Leader
        User Group Leader
        Aug 11, 2022 7:47 PM UTC
        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.

        Translate
          Terms & ConditionsAccessibility statement

          Loading footer...