background image

Posted by kareem - 16 Sep 2008

mobiForge Newbie
Posts: 1
Joined: 5 years ago

I'm having a problem trying to get a basic form to look reasonably well on a couple of different devices.

I'm targeting blackberry and windows mobile devices. Here's the issue.

I have a simple textbox and a select and I want them to be 100% the width of the screen.
Windows Mobile devices render the select properly, but only render the textbox about 80% of the width no matter what I try. From 100% to 500px it still renders the same.
That I can live with, but the real issue is blackberries.

They seem to completely ignore any width properties and just render out however they want.
Textboxes seem to always render the same size regardless of content, and select render out to match the largest item in the list.

I've tried setting the width attribute, the style attribute and using separate stylesheet. Nothing seems to work.

The only thing that has any effect on the blackberry rendering is using the size attribute, but I can't use that because I don't know the width of the various screens and how many characters that would be.

Any ideas?

Posted by mattsclarke 5 years ago

mobiForge Enthusiast
Posts: 14
Joined: 6 years ago

One technique you could try would be to get the screen size from Device Atlas or Wurfl and use that to set the width. Bit of a sledgehammer to crack a nut solution though.

Posted by clark7812 3 years ago

mobiForge Newbie
Posts: -2
Joined: 3 years ago

My first 2 lines in my code are:
<?xml version="1.0" encoding="utf-8"?>
< !DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" ""> (had to add a space or the site didn't want to show this line)
Now, the validator already goes 'berserk' that it doesn't recognize the DTD, since it's not an official W3C DTD. venice beach art Online Courses
I'm fairly sure the both lines are correct, so I don't really understand why the tutorial says that we could use that seeing it clearly doesn't work...

Posted by Beta 2 years ago

mobiForge Newbie
Posts: 1
Joined: 2 years ago


Did you ever get this problem solved. I'm having the same issue. I can't get a basic form to look right on a couple of different mobile devices. I am also targeting blackberry and window devices. The textboxes are different on each mobile device that I try it on. I tried what MattSClarke suggested above and used Device Atlas to set the width. No luck.