Wap CSS support in XHTML browsers

[volantis]

Hi,

I am testing the following wap css properties on a Nokia Series 40 XHTML phone (7250i):
-wap-input-format
-wap-input-required

I cannot see that these are being used to validate the input fields as required.

Should this be supported on this and other phones ?

I know there is some details on CSS in the Series 40 (and other) recent documentaion, but it does not give a definitive list of what is and isnt supported in the browser, and how it is implemented.

Thanks.

[Satu]

Hi,

-wap-input-format is supported. Be sure that you quote the format string, using different quotes than the property value. For example

<input type="text" style="-wap-input-format:'NNN*N'" title="PIN, min 3 digits"/>

Is this working?

Kind regards,
Satu/Forum Nokia Developer Support

[volantis]

See next post.

[volantis]

I am using CSS as follows:

In HEAD section of page:
<style type="text/css">
input.input1-VB-1-1
{
-wap-input-required:true;
-wap-input-format:NN\:NN;
background-color:#f00;
border:1px black solid;
color:#009
}
</style>

And then in BODY section of page:
<input accesskey="1" class="input1-VB-1-1" maxlength="6" name="drink" size="20" title=" " type="text" value="17:30"/>

However even if I put in "A" into the input field, no validation appears to occur. Are there llimitations as to what values the wap-input-format property can use for the Nokia phones ? I know that this works on Openwave 6.2 browser as expected and follows the wap css spec.

I am seeing the background color, font color and the border as expected.

Thanks.

[Satu]

Hi,

please try defining style as inline style and see if that works. E.g., <input type="text" style="-wap-input-format:'NNN*N'" title="PIN, min 3 digits"/>

Kind regards,
Satu/Forum Nokia Developer Support