facebook

How Do I : Make or Find An Example Form Layout?

  1. MobiOne Archive
  2.  > 
  3. Getting Help – General
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #343507 Reply

    RichardOne
    Member

    Hi,

    I’ve looked and looked and tried so :

    How can I make a simple form i.e Name, Email, Telephone,Message and a SPAM question such as ‘Whats 3+1’.

    You get the idea right?

    Many Thanks

    #343758 Reply

    RichardOne
    Member

    Still trying to get the form to work; no success

    There must be someon out there who has got it working using the functionality within MobiOne?

    Unless you have found a better solution?

    Not everyone has a web server available; I do, but prefer to not have yet another dependancy to rely on.

    #343779 Reply

    support-michael
    Keymaster

    You did not say how you plan to process the form. For example are you creating a native app and planning to submit the form data to a web services, are you planning to create a mobile website and process the form via php or other technology, or something else?

    The key details for setting up a form are:
    1) mobione allows any screen to serve as a form, think html <form> that encompass the entire screen
    2) the screen properties include a section for specifying enabling the screen as a form and providing its details such as form action url and the return type
    3) form is submitted by attaching an OnClick/OnChange Submit Form action to a widget such as a button
    4) for each form configured in the UI the Design Center generates the preSubmit() and postSubmit() javascript functions that you can provide custom processing. These are found in the <project>_custom.js file created by the Design Center when it generates code from the project’s design files (.mobi)

    Here are a couple of examples:

    1) layout ajax form posted to web service
    http://www.genuitec.com/support-genuitec/viewtopic.php?p=12976#p12976

    2) mobile website form example
    http://www.genuitec.com/support-genuitec/viewtopic.php?f=14&t=1147

    #343783 Reply

    RichardOne
    Member

    Here is what I’m trying to do :

    Create a Form,
    User completes it (obviously),
    Press ‘Send’
    Off it goes to a pre-defined email address,
    Upon submit, the screen changes to ‘Thank You’

    Now, as I understand this, the form needs to ‘handshake’ with an online form script – or does it?

    If so, where can I find such a script to use on my server?

    Or, does MobiOne use a different method?

    Hope that makes sense

    Attachments:
    You must be logged in to view attached files.
    #343785 Reply

    support-michael
    Keymaster

    Richard,
    Emailing a form’s data is very straight forward. You do not need a server side component to handle the email. Something to know about the email action:
    1) email is sent using the device’s email client
    2) email is sent as text, no html messages
    3) email body can be customized to include text and form parameters
    4) email attachements are not support

    Following is an example screen is configured as a form containing a single TextArea widget. The form will email be emailed when it is submitted.

    Screen-1: how to configure a screen as an email-able form and configure the email content See attachment email-form-config.png

    Screen-2: configure a button to submit the form (invokes the email client to send the message) See attachment email-form-config-submitbutton.png

    Attachments:
    You must be logged in to view attached files.
    #343788 Reply

    RichardOne
    Member

    Thanks for that Wayne,

    Whats the point in getting someone to complete a form only for the data to be passed to the onboard mailer? May as well just put an email link on a page which, when pressed opens mobile’s mailer.

    I’m trying avoid that completly by getting user to complete the form and upon Submit, a new page is shown with ‘Thank You’

    Now I’m guessing I will need an online script which the app will send data too and then gets sent via the server. When this happens, the online script will post back a message ‘ Thank You’

    Two weeks I have been looking for such a solution…

    #343797 Reply

    support-michael
    Keymaster

    I forgot about your question on either this or one of the other threads you’ve opened about sending a form and changing screens. The mobione side is not too hard assuming you know how to build your server side app and have a little javascript experience. But first I wanted to share my thoughts so anyone else reading this thread will not immediately conclude the mobione solution is of little value.

    >Whats the point in getting someone to complete a form only for the data to be passed to the onboard mailer? May as well just put an email link on a page which, when pressed opens mobile’s mailer.

    There are 2 solutions: serverless and server-dependent. Each approach has it trade-offs. Personally I am agnostic and choose the approach that works for my requirements and timeframe. MobiOne’s designer provides a serverless solution that uses the device’s email client to send a structured message.

    Serverless Approach: uses device’s email client to send msg
    Pro: simple, reliable, secure, zero cost to you – uses the dataplan of the device, its transparent to the user and immediately available in minutes with no server side cost and complexity.
    Con: user has visibility to view the message and cancel it, not a seamless experience as the email editor is opened and closed for the sending period

    Web Service Approach: data is submitted to a server-side application that handles forwarding it email to the recipient.
    Pro: seamless experience, user can not see what data is being sent and where it is being sent too (actually you can see this on the network if you are network savy), application uses a ajax REST web service interaction with server application
    Con: requires custom server side app, hosting service or server, security, admin and monitoring costs, can be a pain to debug

    Now back to your question about how to implement a web service based solution. My reference architecture is a mobione application making an ajax web service call with form data. The web service is your implementation and can send email, save data to a db or whatever you program it to do.
    Step-1: create your server side app/script using whatever technology you want. Get it fully working and tested before you mess with the client side (mobione) development. The web service interface should work with either HTTP GET or POST forms.

    Step-2: Following this mobione example http://www.genuitec.com/support-genuitec/viewtopic.php?p=12976#p12976
    Step-2a: in mobione designer configure a screen as a form, name each widget using the parameter expected by the web service, add a button to the screen configured with an OnClick Submit Form action (see the 2nd screenshot above)
    Step-2b: configure the screen’s form properties based on this example I reference above.
    Step-3: the example’s #5 illustrates navigating to a specific screen upon completion of the form submission.

    Step-4: cross fingers and test

Viewing 7 posts - 1 through 7 (of 7 total)
Reply To: How Do I : Make or Find An Example Form Layout?

You must be logged in to post in the forum log in