Form Pre-Fill Stops Working When Using This Custom Code | Community
Skip to main content
T
Tom_Kerlin2
New Participant
July 17, 2017
Solved

Form Pre-Fill Stops Working When Using This Custom Code

  • July 17, 2017
  • 1 reply
  • 3950 views

Hi all,

Whenever I use the following code (in orange) on one of my forms I notice that the form will not pre-fill even when the form pre-fill functionality is enabled.

.mktoForm input[type=text],

.mktoForm input[type=url],

.mktoForm input[type=tel],

.mktoForm input[type=email],

.mktoForm input[type=number],

.mktoForm input[type=date],

.mktoForm select.mktoField,

.mktoForm textarea.mktoField{

  border-radius: 6px !important;

  border: .5px solid #414141 !important;

  height: 30px !important;

}

Has this happened to anybody before? I appreciate any feedback.

Thanks,

Tom

Best answer by SanfordWhiteman

You're right, I tested original form on another page (info.dh.com/NewCo-Launch-Test_LP-Test-Prefill-2.html ) and form pre-fill seems to be working fine.

Here is link to page where it's not working: info.dh.com/WBN-2017-08-02-FIN-CSH-Transitioning-to-Cloud-Security-Registration.html


Make sure you have PreFill enabled ​at the LP level. ​

1 reply

Josh_Hill13
Josh_Hill13
New Participant
July 17, 2017

what does this code do? What do you want it to do?

Anytime you mess with the base functionality, you may need to custom rebuild the Form.

Are you pasting this into the Form's CSS box or on a page?

T
Tom_Kerlin2Author
New Participant
July 17, 2017

I'm pasting this code into the Form's CSS box.

This code will round out the corners of the input fields and add a charcoal border like so:

When I remove this code and test on another form, the form pre-fill functionality works fine, but then the fields will default back to initial display setting:

Tom Kerlin
SanfordWhiteman
SanfordWhiteman
New Participant
July 17, 2017

CSS has no impact on PreFill: something else is happening here. Please link to working and non-working pages.

Terms & ConditionsAccessibility statement

Loading footer...