Yes, you can make the marketo text area expandable..

Highlighted

Yes, you can make the marketo text area expandable..

It's not native option in marketo form setting but yes, you can achieve it by adding a single line css on your marketo form. I wanted to make one of my "text area"  field expandable because here I am giving the option to enter 1000 word statement and this statement will not fit into 2-4 lines. Person will not have visibility on the complete statement at one glance and which creates bad customer experience as per my understanding.

So basically, there is css property called "resize" and by default value of this property is set to Resize: none; which makes the marketo text area non-expandable. If you have to make it expandable again then you would need to overwrite the property to Resize: Auto !important;

Screenshot below:

pastedImage_9.png

 

Note: While adding this css, please make sure you want to add this css for all text area fields or any specific one. If you have to add this css for any specific text area field then you would need to add the css in field ID level. Example below:

textarea#AUS_F_C_Specifics__c

{

Resize: Auto !important;

}

 

In this case, only AUS_F_C_Specifics__c text area will become expandable and rest of them will be same with default property. Once you have added the css, text area will look like below image:

pastedImage_14.png

I hope this article will help you.

Cheers,

Sant Singh Rathaur
LinkedIN: https://www.linkedin.com/in/sant-singh-rathaur/

2 REPLIES 2
Highlighted
Level 6

Re: Yes, you can make the marketo text area expandable..

Check out the support chart for the "resize" property here: https://caniuse.com/#feat=css-resize

It looks like you might run into an issue with IE and iOS.

You might be able to use the jQuery resizables for something like this -- it's a little less straight-forward but a little more consistent across browsers. 

Highlighted

Re: Yes, you can make the marketo text area expandable..

Thanks for sharing the insights Dave Roberts. Will test the functionality in all the browsers.