padding between fields not working in mobile mode and telephone field dialing

[joep]

Hi All,

Hope somebody can help me.
I made a mobile website especially for a smartphone.
When I open this website in firefox everything is fine.
I have made a custom.css to make this possible.
No padding between fields and fields properly inline.
When I open it in the smartphone (Iphone) the browses show fine,
but the forms have lost the size adjustment and fields have got a lot of space between each other and above that there not inline anymore.
Does someone have an explanation for this behavior?

Something else I want to ask is how I can hyperlink a telephone field to dial that number?

NT 6.44
Build 8.0.9661

Kind Regards
Joep Borghans

[Bruce]

Hi Joep,

you don't mention if you designed your site to be different in "mobile mode" or if you've just designed it to work on a small screen. In the WebHandler Properties you can set if the site should be "Desktop / Mobile / Detect" where Detect is the default setting.

So I'm guessing you might get what you want by forcing it here to be in Desktop mode (I know that sounds backwards, but it sounds like you've developerd it as a desktop app.)

regarding the click-to-dial, I guess you need to google the HTML that'll make that happen. I'm not aware of any way to dial the phone from html, but if you find something let me know.

cheers
Bruce

[joep]

Hi Bruce,

I designed it to be small and only for an Iphone or an other smartphone.
Setting mode to desktop is like I see it on the desktop.
That means inline and with the proper padding all the way.
But I just liked it better in mobile mode.
Well that means I have to do a little bit more work to let it look nice on the phone.

The only thing I found earlier to get the phone to dial is to let it execute the following xhtml code.
'<a href="tel:' & p_web.gsv('POS022:Telefoon') & '">call</a>'
But I have no idea how.
In the On Click dialog is no option voor xhtml.

Thanks,
Joep

[Bruce]

>> But I just liked it better in mobile mode.

ok, so then force it into mobile mode using the same setting. If you want it to appear the same in both places then you can force it either way.

do you want to put your hyperlink on a browse or a form?

On a browse just go to the OnClick tab and set the URL to
'tel:' & POS022:Telefoon

If on a form do you want a button or a link?
The approach is similar there - but there you would use the session value;
set the URL to
'tel:' & p_web.GSV('POS022:Telefoon')

Cheers
Bruce



cheers
Bruce