Skip to main content
July 25, 2014
Question

Forms: custom code to change placement of just one field

  • July 25, 2014
  • 6 replies
  • 1813 views

I have a form with the fields displayed above the cells but I want the last field to be displayed to the left of its cell (it's a checkbox). Marketo Support said this requires custom coding. Anyone know how to do this? 

Also, how do you stylize the links in a form? Is this something you have to adjust using custom CSS? 

Thanks,

David

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

6 replies

Kenny_Elkington
Adobe Employee
Adobe Employee
July 25, 2014
Hi David,

Could you provide an image example of what you're trying to do?
July 25, 2014
Thanks for the reply. I'd like to display the checkbox at the bottom to the left or right of 'I have read...' I'm also curious about how to stylize the link colors. I have a separate post on the forum asking about another aspect of this form: see https://community.marketo.com/MarketoDiscussionDetail?id=90650000000PthtAAC


July 25, 2014
Hi David,

Yes this requires some custom code. Shoot me an email at info@leadlizard.com and I'll have one of our developers tell you how long it would take to do. Looks straightforward.

Kenny_Elkington
Adobe Employee
Adobe Employee
July 25, 2014
Hi David,

For this field, you'll want to change the type to 'Checkboxes' and delete the Label field.  Once you've done this, select Edit values and set your text in the display value of the field.  Once you've done that, you'll need to hide the associated <label>.  Assuming you have jQuery on the page, you can do something like this:

$("label[for='yourFieldName']").hide();
Dory_Viscoglio
Level 10
July 25, 2014
Hi David,

I've got this baked into our landing page template to put the checkbox on the left:

label[for=YOURFIELD] {
    float:right!important;
    margin-left: 10px!important;
    width:316px!important;    
}


You can adjust the width and margin as necessary. Hope this helps!
July 25, 2014
Hi Kenny,

I followed your tip but I don't know what you mean by this:

Once you've done that, you'll need to hide the associated <label>.  

Also, if the field value is entered under Edit Values, then I don't know how to insert the hyperlink. How does that work? Is it possible? Additionally, the asterisk for this field now appears on 1 line and the checkbox and field value appear on the next. 

I don't have any foundation in JQuery so I'm not sure what to do with this: 

Assuming you have jQuery on the page, you can do something like this:


$("label[for='yourFieldName']").hide();


Dora, thanks for your reply. I haven't put the form on a landing page yet since the form itself isn't ready. We're planning to drop this form into our website. Maybe I can try inserting that code and see what happens. 


I've been working with Marketo for about a week and so far it's been lots of headaches. Ugh.