Question

Setting up a quick form using an embedded template but I want to center the form and cannot.

<a name="form789985197" id="formAnchor789985197"></a>
<script type="text/javascript" src="http://fs8.formsite.com/include/form/embedManager.js?789985197"></script>
<script type="text/javascript">
EmbedManager.embed({
    key: "http://fs8.formsite.com/res/showFormEmbed?EParam=bJeI6E3QIKDSIfZNMjkSkRGOwQgdGLHi&789985197",
    width: "70%"
});
</script>
<!-- Notes: 
To control the width of the form, change width: "100%" to any number or percentage.
To pre-populate fields in the form or to use a custom resize callback, see http://fs8.formsite.com/documentation/embedded-form.html
-->

How can I center the form?

Here is the code pad link.

Answer 1

I have never used Embedded Form, but I read the documentation and set up this jsFiddle http://jsfiddle.net/roimergarcia/NxzCH/ . It looks like the a tag is just a marker and a iframe is inserted just before it. The solution is to warp your a tag inside a div, and set text-align:center to that div:

<div id="formContainer" style='text-align: center;'>
    <a name="form789985197" id="formAnchor789985197"></a>
</div>
<script type="text/javascript" src="http://fs8.formsite.com/include/form/embedManager.js?789985197"></script>
<script type="text/javascript">
EmbedManager.embed({
    key: "http://fs8.formsite.com/res/showFormEmbed?EParam=bJeI6E3QIKDSIfZNMjkSkRGOwQgdGLHi&789985197",
    width: "70%"
});
</script>