Smartclient issues in jsr 168 portlet in jboss portal

[xiaow]

When we tested portlets based on Smartclient jsps on jboss portal (version 2.6), encountered quite some issues though the jsps are good when executed in jsp container:
1 header styling: does not show the same style.
2 grid rollover does not work (maybe related to the position:"relative").
3 Incorrect button positioning.
4 does not render the same in IE and firefox.
5 grid sorting does not work.
I spent some time but could not figure out the cause due to the complexity of the portal page and I understand that Smartclient needs an example to duplicate the issues which I can not offer now. Besides I continue my investigation, just throw something here if the smartclient tech team are interested. Simply create jsp based jsr168 portlet with your exmple js code at (http://www.smartclient.com/#_Grids_Appearance_Column.order) and deploy/use it in jboss portal (smartclient itself may be a different web application)

[Isomorphic]

Hi xiaow,

There's a simple root cause that has nothing to do with portlets or JSR168 - the skin is not being loaded. Make sure your setting for isomorphicDir is correct and that the files are actually present at the indicated URL (by directly accessing them with the browser). If this doesn't reveal the problem, look at the server side HTTP logs to identify what URLs SmartClient is trying to load the skin from.

[xiaow]

The skin is loaded find. I can change the skin from smartclient to standard and see the change applied in portlet. my isomorphicURI="http://hostname:8080/smartclient/isomorphic/" which is the url to my smartclient web application deployment. If the postion is set to "absolute", it seems to ease some issues like the rollover. The rollover is also seems to be related on how many rows in the grid. If the portlet's jsp is accessed directly, it works fine. It just somehow does not comply with the portal page.

[Isomorphic]

Hi xiaow,

It sounds as though some CSS definitions, possibly loaded by other portlets, have added styling to basic HTML elements (for example, adding padding to all <TD> elements). Doing this is considered very very bad for interoperability reasons, but some naive frameworks do it anyway.

Can you take a look at any included .css files and inline <style> definitions in the page and see if this is the case? You want to look for styles being applied to fundamental HTML elements such as TABLE, TR, TD, DIV, SPAN, IMG, etc.

If you can't identify styling of this kind, please capture the HTML output for the overall portal page and any included CSS files (other than the standard SmartClient skin), and send it to support@isomorphic.com.

[xiaow]

The saved portal page is sent with the title of this thread. It is rendered somehow differently from local.

[xiaow]

There is only one portlet in the page.

[Isomorphic]

Update:
The issues raised in this thread were being caused by various issues with the underlying HTML on this specific page.
These have been resolved offline via email with Isomorphic Software Support