4 Replies Latest reply on May 28, 2018 1:24 AM by Sanford Whiteman

    Disclaimer in form below progressive profiling and/or submit button?

    Sean Kennedy

      We are needing to add a disclaimer to all of our Marketo forms. So I added a rich text field with the disclaimer and placed it right above the submit button. However, there is a problem with our forms that have progressive profiling in them. There is no way to place the rich text field with the disclaimer below the the progressive profiling section. Therefore, if the progressive profiling is used, the disclaimer shows up between two input fields and looks bad.

       

      Is there any way to place our disclaimer below the progressive profiling section? Or is there a way to place the disclaimer below the submit button?

        • Re: Disclaimer in form below progressive profiling and/or submit button?
          Josh Hill

          you will need a js developer to help you.

          1 of 1 people found this helpful
          • Re: Disclaimer in form below progressive profiling and/or submit button?
            Kevin Delgado

            Not sure if you found the answer for this. I also have a need for this as well in order to add disclosures for GDPR, the way I solved it was using a combination of display, :nth-of-type, and order, all CSS that can be done in the marketo form.

             

            1) First, I made all my div rows, columns, and wraps as display: flex so I can use the order attribute that I'll use next.

             

            .mktoFormRow,

            .mktoFormCol,

            .mktoFieldWrap {

            display: -webkit-flex;

            display: -ms-flexbox;

            display: flex;

            }

             

            I need to locate the correct row(that holds the disclosures text) that I'll be using. I placed it above the the button but like you mentioned, when using progressive profiling it doesn't allow it and trying to select the correct child isn't great when a number of fields can show up in progressive profiling depending on the individual, form fields, and setup.

             

            1.5) So I just kept the disclosures row as the first one, on top of the form. This allows me to know exactly where it is so I can select it.

             

            Screen Shot 2018-05-27 at 11.24.31 PM.png

             

            2) Second, I force the button row to have an order.

             

            .mktoButtonRow {

              order: 10;

              -webkit-order: 10;

            }

             

            3) Lastly, I search for my disclosures row with nth-of-type, I know it'll always be the first row(based on step 1.5) and made the order 11 to place it below the button(which is 10 from step 2). This should work if you have progressive profiling or not.

             

            form .mktoFormRow:nth-of-type(1) {

            order: 11 !important;

            -webkit-order: 11 !important;

            }

             

            Hope that made sense. If you have any questions, feel free to send me a message directly so we can chat.

            1 of 1 people found this helpful