SOLVED

Re: Checkbox field not appearing correctly on Marketo form/landing page

Go to solution
Nina_Valtcheva5
Level 5

Checkbox field not appearing correctly on Marketo form/landing page

I am experiencing an issue with displaying a new field I created to show correctly on a Marketo form embedded on a Marketo landing page.

The goal is to provide people an option to register for one or multiple webinar sessions.

This is the landing page: https://pages.datastax.com/Customer-First-Webinar-Series.html

pastedImage_0.png

As you can see, the Session Time field is not displaying correctly with no text showing and only checkboxes.

Here is how I set up the field on the form in Marketo:

pastedImage_0.png

pastedImage_1.png

When I preview the form, it looks ok:

pastedImage_2.png

Any ideas why it's not showing up correctly on the landing page?

1 ACCEPTED SOLUTION

Accepted Solutions
Grégoire_Miche2
Level 10

Re: Checkbox field not appearing correctly on Marketo form/landing page

Hi Nina,

This is a pure CSS issue. you have a style that hides all labels.

label {

  1.    display: none !important;

The way your form is build makes it difficult to remove (all form labels will reappear).

You could have some create some additional styles for you for .mktoCheckboxList label, starting with a display: bloc

-Greg

View solution in original post

5 REPLIES 5
Devraj_Grewal
Level 10 - Champion Alumni

Re: Checkbox field not appearing correctly on Marketo form/landing page

Nina,

Your form on the landing page does not display the field labels on any of the fields, that is why "First Name" is available as hint text in the field itself and not as a label to the left as in your previewed form. Those checkbox fields do not have their field labels either. I would play around with the field label positioning for each of those fields.

Nina_Valtcheva5
Level 5

Re: Checkbox field not appearing correctly on Marketo form/landing page

Thanks Devraj. I compared how all the other fields' labels were set up to make sure this Session Time field is set up the same way and also and tried expanding the field width to 350 so they are all the same but nothing that I do seems to work.

pastedImage_0.png

Grégoire_Miche2
Level 10

Re: Checkbox field not appearing correctly on Marketo form/landing page

Hi Nina,

This is a pure CSS issue. you have a style that hides all labels.

label {

  1.    display: none !important;

The way your form is build makes it difficult to remove (all form labels will reappear).

You could have some create some additional styles for you for .mktoCheckboxList label, starting with a display: bloc

-Greg

Nina_Valtcheva5
Level 5

Re: Checkbox field not appearing correctly on Marketo form/landing page

Thanks Greg. I am not familiar with CSS and we no longer have a technical resource who would be able to help create additional styles. Is this something that needs to be edited on the landing page template that is we are using with this form? Any help is greatly appreciated! I'm trying to get this fixed and live today.

Grégoire_Miche2
Level 10

Re: Checkbox field not appearing correctly on Marketo form/landing page

Hi Nina,

It can be edited at the form level or at the template level. Better do it at template level so that it applies to all landing pages using the same template immediately (provided you re-approve them). Editing at the form level can be a quick fix.

But you will need someone who knows CSS, though, as enabling labels only for checkboxes fields and not for all other will require some regular level of skills.

-Greg