Embed form not mobile responsive on website

Feature requests
1

I’ve created a form and inserted the embed code into my website. However, the form is not mobile responsive when viewing on my website.

The rest of my website is mobile responsive. I usually use JotForm to create forms and they are all mobile responsive on my website.

Is there a way to make the forms created through monday.com to become mobile responsive. If not, I’m going to have to continue with using JotForm.

2

You will need to adjust the dimension in the code. Here is how mine turned out, let me know if you still need help @natcrocstars !

image|690x388

3

If your form from monday .com is not mobile responsive, you can try adding custom CSS to make it responsive. First, ensure the embed code is placed within a responsive container on your website. Then, add CSS styles to adjust the form elements for smaller screens. If this doesn’t work and mobile responsiveness is crucial, you may want to continue using JotForm since their forms are already mobile-friendly. This will save you time and ensure a consistent user experience across all devices. i have fixed the same issue for www.inasaldiningprices .com a micro fast food blog that covers

4

Hey @Michealpeero @natcrocstars @TechQueen88.biz

Nachliel from Easyapps here

Our Monday form builder app, Easyform, supports responsive forms that embed perfectly in your website. The form builder allows you to set separate field settings for desktops and phones; for example, here we are stacking the columns when viewing the form on the phone:

Responsive forms

In addition to that, we offer:

  • Connected Board support:
    • Limiting selection to a single item.
    • Displaying items from multiple connected boards.
    • Limiting select options to items from specific boards where a column is connected to multiple boards.
    • Pro plan feature - item default values support - set default values for connected board columns hidden in the form.
  • Upload files to your board’s file columns, with support for:
    • Allowing only specific file types, such as images or pdf.
    • Limiting the number of files that can be uploaded.
    • Setting a maximum for file size.
    • Manually retrying uploads if some or all of them fail.
  • Set default values for the response item’s hidden group, status, connected board, and dropdown columns. To do so, select Item default values from the Settings menu.
  • Add the item’s group as just another field to the form.
  • Control the page’s top margin with the ability to set different values for desktop and mobile. To do so, select Page from the Settings menu.

If you’re interested in creating styled forms that better match your brand and embed perfectly on your web page, you can check out our Monday.com app Easyform and our extensive documentation site .

You can set up a free demo here or contact us at support@easyappshq.com.

Here is an example of our form in action:

main gif easyform

I hope this helps,

Nachliel

5

It’s kind of weird you are providing one of the most modern CRM / workforce solution but contact forms have to be embedded as iframes.

This is technology from the 2000s and every other CRM tool I used (HubSpot, SF, Pipedrive, Typeform) provides proper html embedding codes.

Monday.com forms are absolutely not mobile responsive with its iframe embed, unfortunately.

cc: @MondayIT @Julia-monday.com @Dani @CharlotteK

1 Like
6

The embedded form isn’t mobile responsive, causing layout issues on smaller screens.
Try adding responsive CSS or using an iframe with viewport-aware settings.