Dynamic iframe Height

Search more jobs
We have a website on Wordpress.

We have an appointment scheduler on Sales Force CRM.

We use the iframe of Appointment Scheduler (which is on Sales Force CRM) as a source and display on our Wordpress website. See image 1.png for your reference.

However, when someone fills the form, some extra information is shown to the user to select the clinic to book the appointment, hence the form height increases.

Since the iframe height is fixed, a vertical scroll appears.  See image 2.png for your reference. This scroll looks very bad on mobile.

Objective of the project is to make an iframe which auto adjustable or dynamic height, so that iframe adjusts its height as per the form length & vertical scroll does not appear.

Solutions we have tried but did not work:

1) Tried a few advanced iframe plugins which gave us short codes. They did not help.
2) Tried some scripts mentioned on stackoverflow.com. Could not find any script that could help us.
3) Tried mking iframe width 100% and hiding the wordpress scroll bar so it would look like there is no iframe. But did not work.. See video 12.mp4
  • $50.00
  • Expert
    Experience Level
  • Remote Job
  • One-time project
    Project Type

Skills and Expertise

HTML JavaScript jQuery CSS UX & UI
+ 1 more

Activity on this job

  • Less than 5
    Less than 5
  • 24 days ago
    Last viewed by client
    24 days ago
  • 1
  • 0
  • 0
    Invites sent
  • 0
    Unanswered invites

About the client

Member since Sep 3, 2021
  • India
    Noida 4:29 am
  • 10 jobs posted
    30% hire rate, 2 open jobs
  • $191 total spent
    3 hires, 0 active
  • $30.00 /hr avg hourly rate paid
    2 hours
  • Member since Sep 3, 2021

Explore similar jobs on Upwork

Small react.js / next.js job - fix some frontend issues
Fixed-price ‐ Posted 26 minutes ago
React Next.js JavaScript
Node.js Angular 8 HTML CSS JavaScript

How it works

Post a job icon
Create your free profile

Highlight your skills and experience, show your portfolio, and set your ideal pay rate.

Talent comes to you icon
Work the way you want

Apply for jobs, create easy-to-by projects, or access exclusive opportunities that come to you.

Payment simplified icon
Get paid securely

From contract to payment, we help you work safely and get paid securely.

Want to get started?

About Upwork

Stars rating
(Average rating of clients by professionals)
G2 2021
#1 freelance platform
Signed contract every week
Freelancers earned on Upwork in 2020

Find the best freelance jobs

Growing your career is as easy as creating a free profile and finding work like this that fits your skills.

Trusted by
Microsoft Logo Airbnb Logo Bissell Logo GoDaddy Logo