3 Replies Latest reply: Mar 31, 2017 4:19 PM by hades_6 RSS

Embedded browser and CSS

Newbie

Hi,

 

Reading through this forum, I have seen a lot of people have had problems getting CSS working with the embedded browser.  Given that I struggled with these issues myself over the last week, I thought that I would share what I have learned.

 

- The embedded browser uses a different and more primitive source code base than

  the external browser.  Because of this, html pages may display differently between

  the two browsers.  See the following forum message for details on browser differences:

  net.rim.device.api.browser.field2

 

- It seems that CSS does not work at all for embedded browsers running on the

  simulator.  More exactly, it did not work for me for OS versions 4.2.1, 4.3, and 4.7

  of the simulator.  This includes external CSS, inline CSS, and style tags. 

  CSS does work for embedded browsers on the phone, so it is just a simulator issue.

 

- CSS does not seem to be supported for version 4.2.1 of the embedded browser.

  External CSS, inline CSS and style tags do not work.  Even the most basic of

  CSS tags, such as 'color', do not work.  Simple CSS does work for version 4.5.0

  of the embedded browser.

 

- For OS 4.6 or later, there is a hidden option that you can use to force the embedded

  browser to use the newer browser code used by the external browser:

 

  renderingSession_.getRenderingOptions().setProperty(
                RenderingOptions.CORE_OPTIONS_GUID, 17000, true);

 

  This option is not officially supported so use at your own risk. I did find that the

  4.7 embedded browser acted oddly with this option on the simulator.  I can't tell

  you how well it works on a real device since I don't have access to one. 

  However, some open-source projects, such as phonegap, swear by it.

 

All my testing was done using code based upon the sample BrowserField code provided by BlackBerry.  I did set the ENABLE_CSS option.  My test html pages were XHTML-MP pages designed specifically to render well on mobile devices, so I do not think my issues were due to esoteric html or CSS.  The pages display fine using the standalone browser on OS 4.2, and using the embedded browser on a real phone using OS 4.5.0.

  • Re: Embedded browser and CSS
    Newbie

    I don't access to a phone running 4.6 or later.  On my 4.5 phone (curve 8300), the CSS seems to render fine.  More exactly, the main page looks the same to me for both the embedded browser and the standalone browser on OS 4.5.  (I did see that the embedded browser wasn't implementing the transparent parts of some of the images properly, but that is a bug unrelated to CSS.)

  • Re: Embedded browser and CSS
    hades_6 Novice

    Hi billblume,

     

    Could you please check if css works properly on this site. http://m.nexva.com 

     

    In my app, some elements don't display properly but you say that the css renders properly 4.6. Please let me know.

     

    thanks