JSF 2'de bir sayfa içinde birden fazla kullanılabilecek şablonlar yazılabilmektedir . Aşağıda bir dekorasyon (decorate) şablon örneği görülmektedir :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <div xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets" style="background-color: red" > <ui:insert/> </div>
Yukarıda bir div eklenmiş ve arkaplanı (background) kırmızı yapılmıştır (Dosyanın adını dec_template.xthml olsun). Arkaplanı kırmızı div şablonunu bir sayfada birden fazla kullınabilir :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets"> <title>Decarate Sablon Test</title> <body> <ui:decorate template="/dec_template.xhtml"> Burada Kırmızı Background'lu Div </ui:decorate> <div>Buraya herhangi bir div</div> <ui:decorate template="/dec_template.xhtml"> Burada Başka Kırmızı Background'lu Div </ui:decorate> </body> </html>
Yukarıdaki sayfada div şablonu iki kere kullanılmıştır. Görüldüğü gibi ui:decorate etiketi kullanılmış ve şablon dosyası verilmiştir