javascript - Demandforce appointment form, integration with Wordpress -

i developing website dentist friend. far it's looking good, using wordpress along enfold theme.

one of requested features website include demandforce appointment form, customers able schedule appointments inside new website.

i visited demand force , found way include contact form by:

• copying following css file header <link type="text/css" rel="stylesheet" href="//www.demandforce.com/widget/css/widget.css" /> did modifying header.php
• adding following script body; <script type="text/javascript"> d3cp_bid = 'private'; // business id in demandforced3 //d3cp_appt_source = 'my website'; //optional. see instructions. //d3cp_appt_returnpage = 'your_page_url'; // optional. see instructions. //d3cp_appt_postdata = 'false'; // optional. see instructions. </script> <script src="//www.demandforced3.com/b/burlingamesmile/scheduler.widget" type="text/javascript"></script> did created raw text field , inputing it.

the result of can seen here. notice form not correctly formatted , don't understand why. checked source code, , both css file , script should, don't quite displaying issues.

since couldn't figure out way, tried idea. actual reservation form hosted here. thing form is responsive. created page following: <iframe src="https://www.demandforce.com/b/burlingamesmile/schedule" width="1000" height="1500"></iframe>. how looks can observed here

this behaves ok. frame size doesn't adjust different screen sizes (smartphone, tablet, etc.) have looked this one, doesn't trick.

at moment running out of ideas, comments/help appreciated, always.

thanks everyone.

try adding custom css section of theme:

iframe, object, embed { max-width: 100%; }

worked me, making content within iframe responsive.