Give this a try.

Having a hard time figuring out where to input the code you provided? Do you have to delete the section provided within the body or add input before it..

Cheers

Add it just above the </head> tag in your form html.

want to confirm that The html Form is available in different formats only in the purchased version right? Currently using the free version to test the form which produces one code:

<script type="text/javascript">document.write(unescape("%3Cscript src='http" + (document.location.protocol == 'https:' ? 's' : '') + "/www.coffeecup.com/api/sdrive/forms/form.js?name=repair%2520form%25201%26slug=252823%26width=302%26height=753%26crossdomains=true%26rand=" + Math.floor( Math.random() * 1000000000 ) + "' type='text/javascript'%3E%3C/script%3E"));</script>

If your using S-Drive then you can either use JQuery or add the code I posted as an html element.

Not quite sure what you mean by "different formats", but I'll take a crack at what it might be...

No matter what version you use it will give you that code and it will create all the files for you to put in your directory. You can choose either way then. You can put the form on the page using that code, or you can use the direct html code from the html page it creates.

When you're on the free version you can only publish to S-Drive
When you're on the paid version you can publish to S-Drive or you can export it (using the File Menu of the program and going down to Export) to use on your own site without needing to host it on S-Drive.

Hope that's what you were looking for.

okay i'm getting closer, decided to try the Export form Feature instead publishing the form each time and it gave out 2 different sets of code which look more familiar. both codes below:

pasted code from step 1 where the form goes keeping between the page head tags. Pasted step 2 right below the code from step 1. After this pasted the code you supplied above code from step 1. So far it worked by reducing the text box size although the form wasn't looking the same with missing background, different layout.

need to know where i'm going wrong. basically no idea where to input the code as when publishing the code it gives the code from the post above looking completely different to the ones below if you use the export options. Really confused me. I need to do my h/w on html + css. Which topic would this come under so i can do some further reading as i'm not getting it for some reason..

new code via export option and not publishing it.

step 1(between head tags of the page)
<!-- Start of the headers for CoffeeCup Web Form Builder -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script type="text/javascript" src="gizmo%20form%201/common/js/form_init.js" data-name="gizmo%20form%201/" id="form_init_script"></script>
<link rel="stylesheet" type="text/css" href="gizmo%20form%201/theme/dark_grey/css/default.css?version=743" id="theme" />
<!-- End of the headers for CoffeeCup Web Form Builder -->

step 2(paste where the form goes)
<!-- Start of the body content for CoffeeCup Web Form Builder -->
<style>#docContainer .fb_cond_applied{ display:none; }</style><noscript><style>#docContainer .fb_cond_applied{ display:inline-block; }</style></noscript><form class="fb-100-item-column fb-toplabel fb-small selected-object"
id="docContainer" style="border-color: rgb(153, 147, 153); width: 300px; font-family: verdana; font-size: 10px; background-position-x: left; background-color: transparent; -moz-box-shadow: none;"
action="http://devicerepair.coffeecup.com/forms/gizmo%20form%201/" enctype="multipart/form-data"
method="POST" novalidate="novalidate" data-boxshadow="true" data-form="automated">
<div class="fb-form-header" id="fb-form-header1" style="height: 0px; padding-top: 0px; padding-left: 0px; min-height: 0px; background-repeat: no-repeat; background-color: rgb(17, 126, 242);">
<a class="fb-link-logo" id="fb-link-logo1" style="max-width: 104px;" target="_blank"><img title="Alternative text" class="fb-logo" id="fb-logo1" style="width: 100%; display: none;" alt="Alternative text" src="gizmo%20form%201/common/images/image_default.png"/></a>
</div>
<div class="section" id="section1">
<div class="column ui-sortable" id="column1">
<div id="fb_confirm_inline" style="display: none; min-height: 200px;">
</div>
<div id="fb_error_report" style="display: none;">
</div>
<div class="fb-item fb-100-item-column" id="item3" style="padding: 0px;">
<div class="fb-grouplabel">
<label id="item3_label_0" style="display: inline;">Full Name</label>
</div>
<div class="fb-input-box">
<input name="text3" id="item3_text_1" required type="text" maxlength="100"
placeholder="" autocomplete="off" data-hint="" />
</div>
</div>
<div class="fb-item fb-100-item-column" id="item5" style="padding: 0px; opacity: 1;">
<div class="fb-grouplabel">
<label id="item5_label_0" style="display: inline;">Address</label>
</div>
<div class="fb-input-box">
<input name="text5" id="item5_text_1" required type="text" maxlength="254"
placeholder="" autocomplete="off" data-hint="" />
</div>
</div>
<div class="fb-item fb-100-item-column" id="item8" style="padding: 0px;">
<div class="fb-grouplabel">
<label id="item8_label_0" style="display: none;"></label>
</div>
<div class="fb-input-box">
<input name="text8" id="item8_text_1" required type="text" maxlength="254"
placeholder="" autocomplete="off" data-hint="" />
</div>
</div>
<div class="fb-item fb-100-item-column" id="item9" style="padding: 0px;">
<div class="fb-grouplabel">
<label id="item9_label_0" style="display: none;"></label>
</div>
<div class="fb-input-box">
<input name="text9" id="item9_text_1" type="text" maxlength="254" placeholder=""
autocomplete="off" data-hint="" />
</div>
</div>
<div class="fb-item fb-100-item-column" id="item10" style="padding: 0px;">
<div class="fb-grouplabel">
<label id="item10_label_0" style="display: inline;">Contact Number</label>
</div>
<div class="fb-phone">
<input name="tel10" id="item10_tel_1" required type="tel" data-hint=""
/>
</div>
</div>
<div class="fb-item fb-100-item-column" id="item11" style="padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
<div class="fb-grouplabel">
<label id="item11_label_0">Email</label>
</div>
<div class="fb-input-box">
<input name="email11" id="item11_email_1" required type="email" maxlength="254"
placeholder="you@domain.com" autocomplete="off" data-hint="" />
</div>
<div class="fb-grouplabel">
<label>Confirm</label>
</div>
<div class="fb-input-box">
<input name="email11_verification" id="item11_email_1_verification" type="email"
maxlength="254" placeholder="" autocomplete="off" data-hint="" />
</div>
</div>
<div class="fb-item fb-100-item-column" id="item18" style="padding: 0px;">
<div class="fb-grouplabel">
<label id="item18_label_0" style="color: rgb(27, 181, 242); font-style: italic; display: inline;">Manufacture</label>
</div>
<div class="fb-dropdown">
<select name="select18" id="item18_select_1" required data-hint="">
<option id="item18_0_option" selected value="">
Select One
</option>
<option id="item18_1_option" value="Apple">
Apple
</option>
<option id="item18_2_option" value="Blackberry">
Blackberry
</option>
<option id="item18_3_option" value="Garmin">
Garmin
</option>
<option id="item18_4_option" value="LG">
LG
</option>
<option id="item18_5_option" value="Motorola">
Motorola
</option>
<option id="item18_6_option" value="Nokia">
Nokia
</option>
<option id="item18_7_option" value="Samsung">
Samsung
</option>
<option id="item18_8_option" value="Sony">
Sony
</option>
<option id="item18_9_option" value="HTC">
HTC
</option>
<option id="item18_10_option" value="Android">
Android
</option>
<option id="item18_11_option" value="Kindle">
Kindle
</option>
<option id="item18_12_option" value="Asus">
Asus
</option>
<option id="item18_13_option" value="Tom Tom">
Tom Tom
</option>
<option id="item18_14_option" value="Nav Man">
Nav Man
</option>
<option id="item18_15_option" value="HP">
HP
</option>
<option id="item18_16_option" value="Toshiba">
Toshiba
</option>
</select>
</div>
</div>
<div class="fb-item fb-100-item-column" id="item13" style="padding: 0px;">
<div class="fb-grouplabel">
<label id="item13_label_0" style="color: rgb(27, 181, 242); font-style: italic; display: inline;">Model</label>
</div>
<div class="fb-input-box">
<input name="text13" id="item13_text_1" required type="text" maxlength="254"
placeholder="" autocomplete="off" data-hint="" />
</div>
</div>
<div class="fb-item fb-100-item-column" id="item14" style="padding: 0px;">
<div class="fb-grouplabel">
<label id="item14_label_0" style="color: rgb(27, 181, 242); font-style: italic; display: inline;">Common Faults</label>
</div>
<div class="fb-dropdown">
<select name="RepairServices" id="item14_select_1" required data-hint="">
<option id="item14_0_option" selected value="">
Select One
</option>
<option id="item14_1_option" value="LCD Replacement">
LCD Replacement
</option>
<option id="item14_2_option" value="Glass/Digitizer Replacement">
Glass/Digitizer Replacement
</option>
<option id="item14_3_option" value="Glass + LCD">
Glass + LCD
</option>
<option id="item14_4_option" value="Charging Port">
Charging Port
</option>
<option id="item14_5_option" value="Headphone Socket">
Headphone Socket
</option>
<option id="item14_6_option" value="Unlocking">
Unlocking
</option>
<option id="item14_7_option" value="Unblocking">
Unblocking
</option>
<option id="item14_8_option" value="J-Tag">
J-Tag
</option>
<option id="item14_9_option" value="Firmware/Software/Hardware">
Firmware/Software/Hardware
</option>
<option id="item14_10_option" value="Battery/Power Repair">
Battery/Power Repair
</option>
<option id="item14_11_option" value="Volume/Keypad Etc Button Replacement">
Volume/Keypad Etc Button Replacement
</option>
<option id="item14_12_option" value="Sound/Microphone Repair">
Sound/Microphone Repair
</option>
<option id="item14_13_option" value="Volume/Keypad Button Repair">
Volume/Keypad Button Repair
</option>
<option id="item14_14_option" value="Front/Back Case Replacement">
Front/Back Case Replacement
</option>
<option id="item14_15_option" value="All Others">
All Others
</option>
<option id="item14_16_option" value="All Other Repairs">
All Other Repairs
</option>
</select>
</div>
<div class="fb-hint" style="color: rgb(136, 136, 136); font-style: normal; font-weight: normal;">
Please select a Repair Service.
<BR>
.
</div>
</div>
<div class="fb-item fb-100-item-column" id="item15" style="padding: 0px;">
<div class="fb-grouplabel">
<label id="item15_label_0" style="display: inline;">Additional Information</label>
</div>
<div class="fb-textarea">
<textarea name="textarea15" id="item15_textarea_1" autofocus style="width: 275px; height: 50px; resize: none;"
maxlength="10000" placeholder="" data-hint=""></textarea>
<div class="fb-hint" style="color: rgb(136, 136, 136); font-style: normal; font-weight: normal;">
Anything Else We Should Know
</div>
</div>
</div>
</div>
</div>
<div class="fb-footer fb-item-alignment-center" id="fb-submit-button-div"
style="height: 50px; padding-top: 0px; padding-bottom: 0px; min-height: 1px;">
<input class="fb-button-special non-standard" id="fb-submit-button" style="border-width: 0px; padding-top: 0px; padding-bottom: 0px; font-family: verdana; margin-top: 6px; background-color: rgb(27, 181, 242);"
type="submit" data-regular="" data-valign="middle" value="Submit Repair"
/>
</div>
<input name="fb_form_custom_html" type="hidden" />
<input name="fb_form_embedded" type="hidden" />
<input name="fb_js_enable" id="fb_js_enable" type="hidden" />
<input name="fb_url_embedded" id="fb_url_embedded" type="hidden" />
</form>
<!-- End of the body content for CoffeeCup Web Form Builder -->

can't seem to figure out where the head tag is located on html form to place the code..

very strange, can't get the form to appear at all anymore if using the code above. If i can get it to it's missing the background and its always hit and miss as i forget where i place it after deleting to try out different ways.
Pretty sure i'm not placing the code in the correct places right?

I have to ask the curious question here, if you are using the "paid" version of the form, which is the only version that allows you to export the code to use on your own server instead of S-Drive, why are you still listed as a guest on the forums here? When you purchase software from CC you usually end up being a registered user rather than a guest. Just curious I guess if you actually purchased the software and if not where you got a registered copy of it? If you did purchase it from CC you should open a support ticket to have them fix your account so you can access the rest of the forums too.

thanks for the support jo. It's the free version for the moment. Just wanted to familiarize myself with everything first before making the purchase. Guess i will have to make the purchase first.

before going ahead with a purchase just need to know a few things, one is how the free version for $69 works with sdrive. After purchasing the free version which allows unlimited amount of forms to make for the future how does future storing/database of forms work, for other jobs. Do i just need to change the sdrive price plan accordingly with more forms i make etc.Will be using sdrive until i can learn how to setup a mysql database and host everything on my server so it works out cheaper. if you could let me know how sdrive works with the form for $69.

since this current site will host 4 different forms that counts as 4 published forms which comes up as an expensive price plan with sdrive which only allows. Looks like i'll have dive into mysql etc to set up a cheaper option.

if possible any idea to say how much it will cost to run this site with 4 forms roughly 1 submissions for each so 400 in total and how much room does this leave for future work and forms in terms of storing? looks like the shopkeep plan of $14.95 is what i need from the start to publish more then 3 forms right? can't get my head round this bit

the form is back on using the sdrive which displays it. Just want some confirmation were able to adjust that form to have a height of around 442px as it is without removing fields or it would turn out to be a waste of time. Could you let me know by viewing it if it could be done please..

http://devicerepair.coffeecup.com/index.html


sorry for all the questions just trying to keep expenditures low

thanks for looking