panelGrid - css border attribute being ignored

I have a panelGrid as follows:

<h:panelGrid id="datasetManagementGrid" columns="1" styleClass="pageContentArea" >

the css is as follows:

.pageContentArea { width:568; border:1px solid #cdcdcd; }

The html is rendered as such:

The border attribute is overriding my style. Why is that being put in there, and how do I get it not to do that?

Ray

[477 byte] By [ray.vaneperena] at [2007-11-27 8:47:22]

# 1

Which JSF implementation and version?

rlubkea at 2007-7-12 20:52:07 >

# 2

We are using myfaces 1.1.4 and in case it matters, seam 1.2.1 and richfaces 3.0.1.Ray

ray.vaneperena at 2007-7-12 20:52:07 >

# 3

at least you have one problem in css. It should be width:568px, but not just width:568;

Sergey.Smirnova at 2007-7-12 20:52:07 >

# 4

I already fixed that, but thanks. Any ideas on my stated issue though?

ray.vaneperena at 2007-7-12 20:52:07 >

# 5

I think you are out of luck if the JSF implementation you are using insists on emitting the border attribute.

Some workaround ideas:

1) Set the border attribute on the panelGrid element to match the CSS.

2) Use some fancy JS to set the border attribute on the generated table to match the CSS.

3) Extend panelGrid with your own custom component that does not emit the border attribute.

RaymondDeCampoa at 2007-7-12 20:52:07 >

Enterprise & Remote Computing Hot Topic