Can I add round cornres to HtmlPanelGrid in code or in page? If yes - how?
- by Elena
Hi all!
I have a task - add round corners to HtmlPanelGrid. Now I am trying to do it with css (using 4 images for each corner - that css create our designer). I load css and try to do this in my code:
this.grid = new HtmlPanelGrid();
this.grid.setStyleClass("toplist,toplist-top");
But no changes I could see in my page.
I tried to load css and use it with tags, but it also didnt work and created one more problem - my jsf didn't reload and redisplay:
<div class="toplist">
<div class="toplist-top"><h2>Top 10 List</h2></div>
<div class="toplist-bg">
<div class="toplist-cont">
<rich:tab label="Top-List" id="screenTop">
<h:panelGrid id="topListTable" binding="#{chartBean.topListTable}" />
</rich:tab>
<a4j:support event="onclick" reRender="menuSection" actionListener="#{chartBean.doChangeTab}" />
</div>
</div>
<div class="toplist-bottom"></div>
</div>
I am interesting of adding round corners to topListTable in the code. How can I do it?
I load my css as:
<link href="#{facesContext.externalContext.requestContextPath}/css/stylesheet.css" rel="styleSheet" type="text/css"/>
If anybody knows, how can I add corners to the panelGrid.
Sorry for stupid question, but I am newborn in jsf and richfaces, and I want to solve this task right
Thanks!
