CSS 3 'border-radius' & 'box-shadow' not working on N97 mini with Browser 7.3.1.27

**kael** · 2012-05-07, 13:38

According to this page, NokiaBrowser 7.3 implements new CSS 3 border properties. But I'm unable to active 'border-radius' and 'box-shadow' CSS borders properties.

Here's an excerpt of the code I'm using :

Code:

<head>
  <style type="text/css"> 
    .radius{
        border:2px solid #a1a1a1;
        padding:10px 40px;
        background:#dddddd;
        width:250px;
        height:300px;
        border-radius:150px;
    }

    .shadow{
        width:300px;
        height:100px;
        margin-top:40px;
        background-color:yellow;
        box-shadow: 10px 10px 5px #888888;
    }
  </style>
</head>
<body>
  <div class="radius"></div>
  <div class="shadow"></div>
</body>

With the NokiaWDE 1.2 emulator, only the div.radius element is correctly displayed with rounded corners, the div.shadow has no box shadow displayed.

And on the N97 mini with Browser 7.1.3, both elements don't have these CSS properties active, no rounded corners and no box shadow.

Is something wrong with this code ?

**isalento** · 2012-05-07, 15:08

Hi,

There is nothing wrong with the code. Border radius and box-shadow are not supported until Browser 7.3, thus they do not work in 7.1 or 7.2 browsers.
https://www.developer.nokia.com/Reso...3-support.html

Br,
Ilkka

**kael** · 2012-05-07, 15:15

But I'm using a N97 mini with Browser 7.3.1, so theoretically these new CSS borders properties should be active on my WRT app, shouldn't they ?

**isalento** · 2012-05-07, 15:36

Ok so the Browser was 7.3.1 not 7.1.3... that explains

Yes they should. I just tested with Browser 7.3.1.26 and your test page render correctly. I don't have N97 Mini at hand but I'll try to find one so I can test with it as well.

Br,
Ilkka

**kael** · 2012-05-07, 15:45

Thanks for the check.

It's not that important, just that I'm wondering if there's a bug in the new version of the Browser 7.3.1 WRT framework/API, or if there's a "silly bug" somewhere in my WRT code that could be fixed.

**isalento** · 2012-05-08, 14:51

Hi,

One correction to my previous post. Box-shadow didn't work with 7.3 browser after all. Let's blame it on Monday.

Managed to find N97 mini and flashed it to latest software (v30.004). Indeed rounded corners don't work in that device (Browser 7.3.1.27).
Have to admit that this is an (unpleasant) surprise even for me.

Br,
Ilkka

**kael** · 2012-05-09, 17:10

Thanks for having checked. Never mind, I'll do without rounded corners, so. Thanks.

BTW, as an aside, is it possible for us to flash our N97 ?

Discussion Board

Thread: CSS 3 'border-radius' & 'box-shadow' not working on N97 mini with Browser 7.3.1.27

Thread Tools

Search Thread

Rate This Thread

Display

Similar Threads

Nokia Maps (API) almost blank on N97 mini with Browser 7.3.1.27

QCombobox's popup list border radius skinning (drop list)

Background color and border-radius

Discrepancy between Safari Mini and Opera Mini browser - Please help

View border and shadow?

Posting Permissions