Streaming live at 10am (PST)

Match Height JQuery working but does not preview


#1

Hi, I am using Match Height JQuery in custom code to match column heights, it works perfectly on ouput of the HTML:

But Webflow does not display it correctly, making it impossible to design without adding padding etc, is this a limitation of how Webflow manages additional JQuery added in custom code or is there something I can do so that webflow displays the same as the HTML output?

The left column has a background image so no height, which the Match Height code addresses.

Any help would be appreciated.

Best,

John


Here is my public share link: https://preview.webflow.com/preview/test-jquery-matchheightjs?preview=d092071a21a5ebf98ba360176e32559d
(how to access public share link)


#2

Hi @johnsherwin,

Webflow does not support custom code preview in the designer.

So the only way to check your custom code is to see it on the published website.

Best
Ahmad


#3

I'm afraid no. The JS custom code is not executed within the designer as the HTML code and iframe embeds can be.


#4

Hi, thanks for the response. I will need to use padding and margins to simulate matching rows (so I can see what I am doing and client can see preview) and then remove those attributes when finishing the site.

Thanks,

John


#5

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.