[Pro] How to add HTML code from wufoo

I am building my first site and using Freeway for the first time…in Wufoo forms, after you have created a form it gives you the HTML code to paste into your site, this is easy on Apple IWeb as it gives you a box for HTML snippets, you simply paste in your code and there is your form…I just cant seem to be able to do this in Freeway 5 pro. Could someone please help !

Thanks in anticipation…


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You have this or similar in Freeway also:

  1. Add an ‘Insert > Markup item’
  2. Paste your code into that
  3. Close the markup window
  4. Move the markup to the position you want the code to be placed

BTW, If you are working with a table then you can insert the Markup
item into a cell and then add the code.

HTH

On Jul 11, 2009, at 1:08 PM, Lockster wrote:

I am building my first site and using Freeway for the first
time…in Wufoo forms, after you have created a form it gives you
the HTML code to paste into your site, this is easy on Apple IWeb as
it gives you a box for HTML snippets, you simply paste in your code
and there is your form…I just cant seem to be able to do this
in Freeway 5 pro. Could someone please help !


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 11/7/09 (at 07:08 -0400) Lockster said:

in Wufoo forms, after you have created a form it gives you the HTML
code to paste into your site, this is easy on Apple IWeb as it gives
you a box for HTML snippets

The term in Freeway is Markup Item. Chose Item > Markup Item and
paste your code in there. When you click OK you’ll see a new
100-pixel-square box in your page. That contains your code, although
you won’t see the browser-rendered results without previewing.

Move that box to wherever you need it, scale it to reflect the size
that the actual form structure will take, and you’re done. Easy here
too! :slight_smile:

If the code includes something that sets specific dimensions for the
overall thing you’re adding then use the Inspector palette to set the
markup item’s width and height to that.

Alternatively, you may find that you can remove those details from
the added code and leave Freeway to handle it all. This can often
work well if the code includes an outer div ‘wrapper’; you’ll get
that for free (assuming the markup item is layered) as part of
Freeway’s code generation.

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I should also mention that you can also add code to * specific * areas
of the page structure using the * Page * Markup:

  1. Select ‘Page > HTML Markup…’
  2. Select the specific part of the page structure you want the code.
  3. Paste your code into that
  4. Close the window

If working with a form you have access to the form structure from the
‘Page > Form Setup’ menu.

HTH

On Jul 11, 2009, at 1:08 PM, Lockster wrote:

I am building my first site and using Freeway for the first
time…in Wufoo forms, after you have created a form it gives you
the HTML code to paste into your site, this is easy on Apple IWeb as
it gives you a box for HTML snippets, you simply paste in your code
and there is your form…I just cant seem to be able to do this
in Freeway 5 pro. Could someone please help !


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 11/7/09 (at 13:21 +0200) Mike B said:

I should also mention that you can also add code to * specific *
areas of the page structure using the * Page * Markup:

  1. Select ‘Page > HTML Markup…’

A very good point - thanks Mike.

Lockster, this also useful but it is NOT to be confused with the
Markup Item object that you can place on the page. That is for
adding something that is a part of the visible layout, whereas the
Page > HTML Markup approach is normally for adding code that isn’t
itself meant to produce visible structures like forms, etc.

If working with a form you have access to the form structure from
the ‘Page > Form Setup’ menu.

Although if your form structure comes complete in that lump of HTML
code, including opening and closing ‘form’ tags, this isn’t necessary.

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Guys,
Thank you so much for your help, I have written the code in to the mark up item as suggested, for some reason I couldn’t use copy and paste in the box…anyway I copied the code very carefully and sized and positioned the box. For some reason I cannot see the rendered form in preview or preview in browser, I have messed around with layers and bring item to front but no joy…any ideas ?

Thanks again,


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 11/7/09 (at 09:13 -0400) Lockster said:

for some reason I couldn’t use copy and paste in the box…anyway
I copied the code very carefully and sized and positioned the box.
For some reason I cannot see the rendered form in preview or preview
in browser

Perhaps you could paste the code into a message here so we can take a look?

Put four tilde characters ~~~~ in above and below the code in the
message like so:

<form action="funk.ster">
    code example
</form>

so that it is handled properly or we may not see it all. Oh, and as
with all code posted to public venues please give it a once-over and
anonymise any details such as actual script names (i.e. the form
action), any login details (not relevant for your form but worth
remembering), etc.

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Keith,
Code as below,

<script type="text/javascript">
var m7x4z5 = new WufooForm();
m7x4z5.initialize({
'userName':'lockster', 
'formHash':'m7x4z5', 
'autoResize':true,
'height':'684'});
m7x4z5.display();
</script>

Thanks for your help


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Keith,
Sorry, here is full code.

<script type="text/javascript">var host = (("https:" == document.location.protocol) ? "https://secure." : "http://");document.write(unescape("%3Cscript src='" + host + "wufoo.com/scripts/embed/form.js' type='text/javascript'%3E%3C/script%3E"));</script>

<script type="text/javascript">
var m7x4z5 = new WufooForm();
m7x4z5.initialize({
'userName':'lockster', 
'formHash':'m7x4z5', 
'autoResize':true,
'height':'684'});
m7x4z5.display();
</script>


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Keith,

Did you manage to get the code to work for you ?

Regards,
Lockster


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 12/7/09 (at 09:51 -0400) Lockster said:

Hi Keith,

Did you manage to get the code to work for you ?

Hi - yep, it displays fine. I didn’t try using the form as I don’t
know where it goes. But it worked perfectly well.

Copy and paste all the code, both chunks, into a new Markup Item
box. Make the box the width you want your form (be generous, it
flexes to fill the width but it looks better with a decent amount of
horizontal space) and allow for a lot of growth downwards.

I don’t know why you couldn’t paste the code, but don’t try typing it
manually; with that much ‘gibberish’ code you’re bound to make a
mistake somewhere! :slight_smile:

Make sure you can copy and paste the code into a new TextEdit
document, then go back into Freeway and try pasting into a Markup
Item dialog window again.

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Keith,
Copied code in to a pages document, mark up still wouldn’t let me copy and
paste but found out I could highlight and drag/drop the code in…guess
what…worked first time !

Thank you so much for your help…would not have got there without you.

Very much appreciated.

Regards,
Nigel

2009/7/12 Keith Martin email@hidden

Sometime around 12/7/09 (at 09:51 -0400) Lockster said:

Hi Keith,

Did you manage to get the code to work for you ?

Hi - yep, it displays fine. I didn’t try using the form as I don’t know
where it goes. But it worked perfectly well.

Copy and paste all the code, both chunks, into a new Markup Item box.
Make the box the width you want your form (be generous, it flexes to fill
the width but it looks better with a decent amount of horizontal space) and
allow for a lot of growth downwards.

I don’t know why you couldn’t paste the code, but don’t try typing it
manually; with that much ‘gibberish’ code you’re bound to make a mistake
somewhere! :slight_smile:

Make sure you can copy and paste the code into a new TextEdit document,
then go back into Freeway and try pasting into a Markup Item dialog window
again.

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


Nigel Lock
12 West Road
Liff
Dundee
DD2 5SR
T: 01382 - 585469
M: 07895 - 054679


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 12/7/09 (at 18:36 +0100) Nigel Lock said:

mark up still wouldn’t let me copy and
paste but found out I could highlight and drag/drop the code in.

Cool, glad you found a way. :slight_smile:

But tell me, are you trying to use the menus to perform the paste
action? Those won’t be accessible as the HTML Markup dialog is fully
modal; it blocks access to anything within the app that’s outside
itself. Did you try using the command-V keyboard shortcut?

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options