Skip to main content

Hi

 

We desperately need some help to improve and beautify our Pardot Preference Page.

 

How does this company split the Public lists into 2 columns?

 

If you know how to do this, let us hire you for this project! :-)

 

Ultimately, we'd like something like this:

 

Help Beautifying the Preference Page in Pardot!

 

Thank you!

5 answers
  1. François Perret (Bamsoo) Forum Ambassador
    Mar 14, 2024, 11:27 AM

    @Arnaud Joakim

    Hi Arnaud,

    The split into two columns can be achieved using CSS. 

    In your Layout Template, you wrap the Lists inside a Flex container with the flex-wrap attribute. Then define your List items to be half-size of their container. Et voilà, you have two columns.

    Adding titles to these columns may be done using JS. Another trick is to use the name of your Public Lists to reorder them.

    Here is a raw live demo of it, and code highlights attached. Not complete but good starting point.

     

    Hope this helps 😎

    #SharingIsLearning #AccountEngagement

    François.

     

    PS : In order other Trailblazers to be pointed directly the correct answer, please do not forget to click “Accept this answer” below the correct one.

    Hi Arnaud,The split into two columns can be achieved using CSS. In your Layout Template, you wrap the Lists inside a Flex container with the flex-wrap attribute.

    Layout Template - Layout.png

0/9000