Creating Interactive Forms

Discussion Forums > Uncategorized

Replies: 14 Views: 353

G B Barker Aspiring developer Posts: 7 Reg: Dec 26, 2011 Portland 70	confirm \| cancel 01/17/12 03:12 PM (14 years ago) Creating Interactive Forms Hi All! Does anyone out there have any experience with creating user interactive forms for apps? i.e. the form will have several categories with fields that are either free-form fill in or drop down choices. Any tips, suggestions, direction towards tutorials would be greatly appreciated. Thanks! GB Title Comments Hi All! Does anyone out there have any experience with creating user interactive forms for apps? i.e. the form will have several categories with fields that are either free-form fill in or drop down choices. Any tips, suggestions, direction towards tutorials would be greatly appreciated. Thanks! GB

Vali buzztouch Evangelist Posts: 193 Reg: May 22, 2011 Bucharest 5,830	01/17/12 03:20 PM (14 years ago) Hi, If coding is not your thing you can try http://www.jotform.com This is what I used until now and it served me very well. You create the form on their site and from there you can grab the code to embed in a custom HTML page. Good luck, Vali Comments Hi, If coding is not your thing you can try http://www.jotform.com This is what I used until now and it served me very well. You create the form on their site and from there you can grab the code to embed in a custom HTML page. Good luck, Vali

Fred@mySkylla com Android Fan Posts: 5259 Reg: Oct 03, 2011 location unknow... 62,560	01/17/12 03:34 PM (14 years ago) I looked up jotform yesterday, looks very promising. Do you have some sample code you could share? Plus any tips. Comments I looked up jotform yesterday, looks very promising. Do you have some sample code you could share? Plus any tips.

G B Barker Aspiring developer Posts: 7 Reg: Dec 26, 2011 Portland 70	01/17/12 04:25 PM (14 years ago) definitely an awesome site! I was able to create the exact form I wanted very fast...thank you! So here's my next question: Is it possible for me to use the form in an app without it having the user needing internet connectivity? Comments definitely an awesome site! I was able to create the exact form I wanted very fast...thank you! So here's my next question: Is it possible for me to use the form in an app without it having the user needing internet connectivity?

javooooo buzztouch Evangelist Posts: 719 Reg: Jun 17, 2011 Sydney, Austral... 18,490	01/17/12 05:12 PM (14 years ago) I had a similar question in regards to combining a form like this and a GameCenter Quizz. We were hoping to have a competition with our quiz to win something- so we need to be able to collect email addresses. Does anyone have any ideas on how we could integrate a form with the quiz? I'm aware of the rules that Apple impose on having competitions in apps, and we can write up some rules to comply with them. Thanks. Comments I had a similar question in regards to combining a form like this and a GameCenter Quizz. We were hoping to have a competition with our quiz to win something- so we need to be able to collect email addresses. Does anyone have any ideas on how we could integrate a form with the quiz? I'm aware of the rules that Apple impose on having competitions in apps, and we can write up some rules to comply with them. Thanks.

AppBuilderUSA Aspiring developer Posts: 103 Reg: Feb 21, 2011 Columbus Ohio 1,730	01/17/12 05:16 PM (14 years ago) Jotform is amazing, i use it as well. Comments Jotform is amazing, i use it as well.

javooooo buzztouch Evangelist Posts: 719 Reg: Jun 17, 2011 Sydney, Austral... 18,490	01/17/12 05:26 PM (14 years ago) One issue I have been having with jotForm though is that despite changing the form width, the form still appears tiny when you first open the page in the app. Does anyone have any ideas as to what the issue might be? Comments One issue I have been having with jotForm though is that despite changing the form width, the form still appears tiny when you first open the page in the app. Does anyone have any ideas as to what the issue might be?

AppGuy30 Code is Art Posts: 737 Reg: Oct 29, 2011 location unknow... 14,070	01/17/12 06:53 PM (14 years ago) I use this website, it is very simple and it will give you the HTML code and it works great plus it's free. http://www.emailmeform.com/ Comments I use this website, it is very simple and it will give you the HTML code and it works great plus it's free. http://www.emailmeform.com/

javooooo buzztouch Evangelist Posts: 719 Reg: Jun 17, 2011 Sydney, Austral... 18,490	01/17/12 07:06 PM (14 years ago) Jack, does it open at the right size when you embed it onto an HTML page? Comments Jack, does it open at the right size when you embed it onto an HTML page?

AppGuy30 Code is Art Posts: 737 Reg: Oct 29, 2011 location unknow... 14,070	01/17/12 07:53 PM (14 years ago) Yes it does, it works perfect for all of my devices iphone, and ipad. Comments Yes it does, it works perfect for all of my devices iphone, and ipad.

Vali buzztouch Evangelist Posts: 193 Reg: May 22, 2011 Bucharest 5,830	01/18/12 02:38 AM (14 years ago) @javooooo, you need to implement it in the custom HTML page between the <body> </body> tags. Do not change the default code from BT as it is formatted just the way you need it. See here my code from a live app: <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd> <html xmlns=http://www.w3.org/1999/xhtml> <head> <meta charset=UTF-8 content=text/html; http-equiv=Content-Type /> <meta content=width=320,user-scalable=false name=viewport /> <title></title> <style type=text/css> p.sansserif{font-family:Arial,Helvetica,sans-serif; color:#000000;} h1{font-family:Arial,Helvetica,sans-serif; color:#000000;text-align: center; font-size:20px;} } </style> </head> <body> <div style=margin-top: 0px; margin-bottom: 0px; height: 480px; width: 320px; font-family: Arial,Helvetica,sans-serif; font-size: 9px; color: rgb(83, 83, 83); background-color: rgb(255, 255, 255); border: 0px solid rgb(42, 136, 172); font-style: normal; text-align: right; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 3px ! important;> <iframe allowtransparency=true frameborder=0 scrolling=no src=http://form.jotform.com/form/INSERT FORM ID HERE style=width:320; height:540px; border:none;></iframe></div> </body> </html> Note that the forum takes out the quotes from the code Comments @javooooo, you need to implement it in the custom HTML page between the <body> </body> tags. Do not change the default code from BT as it is formatted just the way you need it. See here my code from a live app: <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd> <html xmlns=http://www.w3.org/1999/xhtml> <head> <meta charset=UTF-8 content=text/html; http-equiv=Content-Type /> <meta content=width=320,user-scalable=false name=viewport /> <title></title> <style type=text/css> p.sansserif{font-family:Arial,Helvetica,sans-serif; color:#000000;} h1{font-family:Arial,Helvetica,sans-serif; color:#000000;text-align: center; font-size:20px;} } </style> </head> <body> <div style=margin-top: 0px; margin-bottom: 0px; height: 480px; width: 320px; font-family: Arial,Helvetica,sans-serif; font-size: 9px; color: rgb(83, 83, 83); background-color: rgb(255, 255, 255); border: 0px solid rgb(42, 136, 172); font-style: normal; text-align: right; padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 3px ! important;> <iframe allowtransparency=true frameborder=0 scrolling=no src=http://form.jotform.com/form/INSERT FORM ID HERE style=width:320; height:540px; border:none;></iframe></div> </body> </html> Note that the forum takes out the quotes from the code

javooooo buzztouch Evangelist Posts: 719 Reg: Jun 17, 2011 Sydney, Austral... 18,490	01/18/12 03:36 AM (14 years ago) Aaaah, I just wiped it all and pasted it. Thanks for the clarification! Comments Aaaah, I just wiped it all and pasted it. Thanks for the clarification!

LocoLopez Code is Art Posts: 211 Reg: Jan 12, 2012 Orlando 9,760	01/19/12 06:17 AM (14 years ago) ok i got the website and the code where exactly do i have to put so it can be in my app.? Comments ok i got the website and the code where exactly do i have to put so it can be in my app.?

McAppy Lost but trying Posts: 82 Reg: Nov 28, 2011 Perth, WA 3,020	01/22/12 12:30 AM (14 years ago) thanks ___Vali___, I found your posting very helpful. Thanks. Comments thanks ___Vali___, I found your posting very helpful. Thanks.

frozensun090 Aspiring developer Posts: 25 Reg: Jan 13, 2012 location unknow... 550	02/21/12 11:26 AM (13 years ago) Google Documents is free and provides the ability to create forms that you can embed using custom html or custom url Comments Google Documents is free and provides the ability to create forms that you can embed using custom html or custom url

Login + Screen Name Required to Post Login to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.

Discussion Forums > Uncategorized

Creating Interactive Forms

Title

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments