Register Advertise with usHelp Desk Today's Posts Search

Closed Thread
Thread Tools Search this Thread
Unread 16th Sep 2012, 12:54 AM   #1
HyperActive Warrior
War Room Member
 
peter_act's Avatar
 
Join Date: 2003
Location: Gold Coast, Queensland, Australia
Posts: 296
Thanks: 21
Thanked 141 Times in 93 Posts
Default
How can I make a booking form both PC and mobile compatible?
Share on: 
fb share twitter share gplus share more share

If you go to the site I'm in the process of building - restaurants in Canberra, and go to the "Make a booking" page, you'll see quite a nice looking booking form - it's just a Wordpress plugin.

This works fine on a PC, just type in your details and off you go.

However, on a mobile phone of course you can't type in your details.
So...........what makes the keyboard come up on a mobile phone when you tap the entry field?

I've got a couple of scripts from Quentin (thanks), which work very well, but they are a bit plain, I want one I can customise with colour.

Cheap websites for small businesses: Affordable mobile websites
Get a free autoresponder here: Money Making Opportunities
peter_act is offline  
Unread 16th Sep 2012, 01:47 AM   #2
Mobile Developer
 
Join Date: 2012
Location: Huntsville, AL
Posts: 48
Thanks: 9
Thanked 5 Times in 5 Posts
Default
Re: How can I make a booking form both PC and mobile compatible?
Share on: 
fb share twitter share gplus share more share

Well firstly, congrats on the mobile site- looks really nice

Secondly, it appears to work just fine. I browsed to the URL on my iPhone, tapped a text field, and the keyboard came right up. Just so you know, this is a native feature of a smartphone, not something that's built into the website itself. Don't feel bad though, because I was asking myself the exact same question when I was first getting into mobile development.

If there's a particular device on which the keyboard isn't coming up, post the device and OS version and I'll see what I can do.

Javascript/jQuery | Java (Android) | PHP | HTML5 | CSS3 | Ruby on Rails
Want a website, native Android app, or web app? Talk to me.
http://lastingwebdesign.com
iaeo is offline  
The Following User Says Thank You to iaeo For This Useful Post:
Unread 16th Sep 2012, 06:12 PM   #3
HyperActive Warrior
War Room Member
 
peter_act's Avatar
 
Join Date: 2003
Location: Gold Coast, Queensland, Australia
Posts: 296
Thanks: 21
Thanked 141 Times in 93 Posts
Default
Re: How can I make a booking form both PC and mobile compatible?
Share on: 
fb share twitter share gplus share more share

Originally Posted by iaeo View Post

Just so you know, this is a native feature of a smartphone, not something that's built into the website itself.
Thanks - I never realised that!

Cheap websites for small businesses: Affordable mobile websites
Get a free autoresponder here: Money Making Opportunities
peter_act is offline  
Unread 16th Sep 2012, 06:15 PM   #4
HyperActive Warrior
War Room Member
 
John Ayling's Avatar
 
Join Date: 2009
Location: Australia
Posts: 225
Thanks: 41
Thanked 47 Times in 36 Posts
Default
Re: How can I make a booking form both PC and mobile compatible?
Share on: 
fb share twitter share gplus share more share

Another thing that you should know is that if you use HTML5 in your fields, then the type of keyboard that pops up will be different on certain phones.

For example, if you use <input type="email' ..... instead of <input type="text".... then you should get a keyboard popping up with an '@' symbol in it.

Software Marketing & Licensing System for WordPress Plugins, Themes & .NET Software
>> 72 Hour Special <<
John Ayling is offline  
Unread 16th Sep 2012, 06:26 PM   #5
Online for Offline
War Room Member
 
zoro's Avatar
 
Join Date: 2008
Location: Qld. Australia.
Posts: 1,628
Thanks: 352
Thanked 222 Times in 191 Posts
Blog Entries: 4
Default
Re: How can I make a booking form both PC and mobile compatible?
Share on: 
fb share twitter share gplus share more share

Originally Posted by peter_act View Post

If you go to the site I'm in the process of building - restaurants in Canberra, and go to the "Make a booking" page, you'll see quite a nice looking booking form - it's just a Wordpress plugin.

This works fine on a PC, just type in your details and off you go.

However, on a mobile phone of course you can't type in your details.
So...........what makes the keyboard come up on a mobile phone when you tap the entry field?

I've got a couple of scripts from Quentin (thanks), which work very well, but they are a bit plain, I want one I can customise with colour.
Your mobile site looks great. The keyboard of my Samsung Galaxy came up ok when I tapped.
BTW, if you don't mind me asking, which WP Theme do you use to build all your sites with?
zoro is offline  
Unread 16th Sep 2012, 09:30 PM   #6
HyperActive Warrior
War Room Member
 
peter_act's Avatar
 
Join Date: 2003
Location: Gold Coast, Queensland, Australia
Posts: 296
Thanks: 21
Thanked 141 Times in 93 Posts
Default
Re: How can I make a booking form both PC and mobile compatible?
Share on: 
fb share twitter share gplus share more share

Originally Posted by zoro View Post

Your mobile site looks great.
BTW, if you don't mind me asking, which WP Theme do you use to build all your sites with?
Truth is John I chop and change, depending on what side of the bed I got out on!
I tend to toss up between Quentin's (Cheer Chick Charlie) - that was a freebee I did for someone I met at a business fuction, and Neilb's (Email Marketing - Mobile Marketing Landing Page)

However, even though I tend to predominantly use those two, I sometimes steal logos and icons from Kevin Koop's and our NSW mate Will's WSO's, which I also bought.

I don't particularly like building mobile site in Wordpress.

That particular restaurant site you were looking at is just a template, almost straight out of the box. All I've done so far is add a "Canberra restaurant" logo up the top, and even that was just a cheap and nasty first effort to see how the theme options worked. It needs more width, I'll change the image size with Photoshop later, and customise the site a bit more also - at the moment it's just a demo to show people.

The mobile version you looked at, I haven't done anything with it at all - it's an inbuilt feature of the Tasty Place theme from Peter Beattie and Jamie (gogetta) Garside.

Hope this helps

Cheap websites for small businesses: Affordable mobile websites
Get a free autoresponder here: Money Making Opportunities
peter_act is offline  
Closed Thread


Bookmarks

Tags
booking, compatible, form, make, mobile


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




All times are GMT -6. The time now is 08:54 AM.