Update to 2.1 from 2.0.2 => Get my last Style

[rider]

Hello,
I have update to version 2.1.
But now my style is another.
How can I get the last style?

Some css - Style I have in my own resource/sytle.css
But something, I have not changed.

I think the new version got not my stlye.css.

How can I solve this problem?

[cagatay.civici]

Skinning selectors have changed as we've introduced the new skinning architecture. See theme gallery;

http://www.primefaces.org/themes.html

Default skin is pretty much backward compatible though, we've ported old skin as the current default skin. For your own customizations you need to go through user's guide for more information about skinning. Also if you have customized components, each component in user's gude has skinning section with updated information on new skinning selectors.

Finally I'd suggest taking a look at migration guide;

http://code.google.com/p/primefaces/wik ... eTo11And21

[rider]

Can you say me how can I create the last style to the update?
It´s a huge problem, because my software will roll out in one week.

I tried it with the online tool, which create me a template, but it´s not the same as before :/

Code: Select all

/* ++++++ CSS STYLE PRIMEFACES DATATABLE ++++++ */ 
.yui-skin-sam .yui-dt table {   
    	border-color: #000000;
    	color: #000000;
    	margin-left: 0px;
    	margin-right: 0px;
    	margin-bottom: 3px;
    	width: 100%;
    	/*  min-width: 727px;  */
		/*  max-width: 727px;  */   
}   
  
.yui-skin-sam .yui-dt th {    
        background: #00345B;
        border:	none;
        color: #FFFFFF;
        font-weight: bold;
        text-align: center;  
}   
  
.yui-skin-sam tr.yui-dt-odd {   
    background: #FFFFFF;
    text-align: center;
    color: #000000;  
}   
  
.yui-skin-sam tr.yui-dt-even {   
    background: #B2D2E5;
    text-align: center; 
    color: #000000;
}   
  
.yui-skin-sam .yui-dt td {   
    border:	1px;
    text-align: center; 
}   
  
.yui-skin-sam .yui-dt-paginator a.yui-pg-last,   
.yui-skin-sam .yui-dt-paginator a.yui-pg-first,   
.yui-skin-sam .yui-dt-paginator a.yui-pg-next,   
.yui-skin-sam .yui-dt-paginator a.yui-pg-previous {    
    color: #000000;
    text-decoration: none;   
}   
  
.yui-skin-sam a.yui-pg-page:link,   
.yui-skin-sam a.yui-pg-page:hover,   
.yui-skin-sam a.yui-pg-page:visited {     
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

/* sortable columns */ 
.yui-skin-sam thead .yui-dt-sortable {  
     cursor:pointer;
}  
.yui-skin-sam th.yui-dt-sortable .yui-dt-label {  
    margin-right:4px;
} 
.yui-skin-sam th.yui-dt-asc .yui-dt-liner {  
     background:url(../images/dt-arrow-up.png) no-repeat right; /* sorted header gradient */  
} 
.yui-skin-sam th.yui-dt-desc .yui-dt-liner {  
    background:url(../images/dt-arrow-dn.png) no-repeat right; /* sorted header gradient */  
}

/* striping */ 
.yui-skin-sam tr.yui-dt-even { background-color:#FFFFFF; } 
.yui-skin-sam tr.yui-dt-odd { background-color:#B2D2E5; } 
.yui-skin-sam tr.yui-dt-even td.yui-dt-asc,  
.yui-skin-sam tr.yui-dt-even td.yui-dt-desc { background-color:#FFFFFF; }  
.yui-skin-sam tr.yui-dt-odd td.yui-dt-asc,  
.yui-skin-sam tr.yui-dt-odd td.yui-dt-desc { background-color:#B2D2E5; }  


/* highlighting */  
.yui-skin-sam th.yui-dt-highlighted,  
.yui-skin-sam th.yui-dt-highlighted a {  
    background-color:#B2D2FF; /* med blue hover */  
}  
.yui-skin-sam tr.yui-dt-highlighted,   
.yui-skin-sam tr.yui-dt-highlighted td.yui-dt-asc,   
.yui-skin-sam tr.yui-dt-highlighted td.yui-dt-desc,   
.yui-skin-sam tr.yui-dt-even td.yui-dt-highlighted,  
.yui-skin-sam tr.yui-dt-odd td.yui-dt-highlighted {  
     cursor:pointer;   
    background-color:#B2D2FF; /* med blue hover */  
}  
   
/* enable highlighting in list mode */  
.yui-skin-sam .yui-dt-list th.yui-dt-highlighted,  
.yui-skin-sam .yui-dt-list th.yui-dt-highlighted a {  
   background-color:#B2D2FF; /* med blue hover */  
}  
.yui-skin-sam .yui-dt-list tr.yui-dt-highlighted,   
.yui-skin-sam .yui-dt-list tr.yui-dt-highlighted td.yui-dt-asc,   
.yui-skin-sam .yui-dt-list tr.yui-dt-highlighted td.yui-dt-desc,   
.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-highlighted,  
.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-highlighted {  
     cursor:pointer;   
     background-color:#B2D2FF; /* med blue  hover */  
}

[cagatay.civici]

See the datatable skinning section in User's guide, it has the updated list.

[rider]

i change

.yui-dt table to .ui-datatable IS THIS CORRECT?


But how must I changed .yui-skin-sam?
Is it:

.yui-skin-sam .ui-datatable { ... }

[csyperski]

I have found 2.1 to be a huge change in terms of UI. To the point where it should have been a major version change, updating from 2.0 to 2.1 has broke much of the layouts. But I feel like I have to stay in sync with the latest version of PF to stay on top with the latest browsers and bug fixes. I am finding it hard to write a production system, the com framework changes so much. I love primefaces, but it seems like it is moving to fast in terms of api/code changes, to the point where I am thinking about switching to another framework.

[cagatay.civici]

I call it rapid evolution

[rider]

Can you please answer me my question