×

Discussion Board

Results 1 to 7 of 7
  1. #1
    Registered User
    Join Date
    Jul 2008
    Posts
    13

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

    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 ?

  2. #2
    Nokia Developer Moderator
    Join Date
    Jun 2008
    Location
    Tampere
    Posts
    833

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

    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

  3. #3
    Registered User
    Join Date
    Jul 2008
    Posts
    13

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

    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 ?

  4. #4
    Nokia Developer Moderator
    Join Date
    Jun 2008
    Location
    Tampere
    Posts
    833

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

    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

  5. #5
    Registered User
    Join Date
    Jul 2008
    Posts
    13

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

    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.

  6. #6
    Nokia Developer Moderator
    Join Date
    Jun 2008
    Location
    Tampere
    Posts
    833

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

    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

  7. #7
    Registered User
    Join Date
    Jul 2008
    Posts
    13

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

    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 ?

Similar Threads

  1. Replies: 2
    Last Post: 2012-05-07, 15:12
  2. Replies: 6
    Last Post: 2012-03-28, 10:25
  3. Background color and border-radius
    By Rondo23 in forum [Archived] Qt Quick
    Replies: 1
    Last Post: 2011-11-28, 10:31
  4. Discrepancy between Safari Mini and Opera Mini browser - Please help
    By gautam.venkatakrishnan in forum Browsing and Mark-ups
    Replies: 1
    Last Post: 2010-08-09, 11:12
  5. View border and shadow?
    By arijr in forum Symbian User Interface
    Replies: 2
    Last Post: 2002-05-10, 06:11

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •