differences between Layout and Theme

[victormenegusso]

Hello, reading links http://blog.primefaces.org/?p=3441 and http://primefaces.org/layouts/volt , I did not understand the difference between layout and theme.

for example:
-- css/style components, is theme or layout?
-- responsive components, is theme or layout?
-- theme is not just color changes, right? like http://www.primefaces.org/showcase/ui/m ... cher.xhtml
-- only with the theme can build this page? http://www.primefaces.org/volt/sample.x ... vuctayejpm
-- layout change the style of the components?

Thanks.

[mert.sincan]

-- css/style components, is theme or layout?

- theme. The css/style of components is in theme. There are background, menu, topbar, 404 page, login page etc. in Layout. Layout and some PF component have responsive feature. Layout is a template for components.

-- responsive components, is theme or layout?

- PF version. Theme provides a nice look for PF-components. PF responsive components; http://www.primefaces.org/showcase/ui/m ... sive.xhtml
You can use responsive feature of components with PF5.2.4+ or 5.3.

-- theme is not just color changes, right? like http://www.primefaces.org/showcase/ui/m ... cher.xhtml

We added Less feature for Rio, Modena, Adamantium, Volt; (Less Detail: http://lesscss.org/ ) You can easily change font-size, all colors (background-color, color, border-color etc.), transition of components and layouts in Rio, Modena, Adamantium, Volt.
Exp;
If you want to change background-color, font size etc. of datatable in Volt, you can change this value theme-variables.less;
/* Other components*/
...
@datatable-table-font-size: 14px;
@datatable-header-cell-bg-color:#C3CDD5;
...
To change style of components -> theme-variables.less
To change style of Layout-> layout-variables.less
Similar issues; http://forum.primefaces.org/viewtopic.php?f=28&t=43687
http://forum.primefaces.org/viewtopic.p ... 2&p=136407

-- only with the theme can build this page? http://www.primefaces.org/volt/sample.x ... vuctayejpm

- Similar Page; http://www.primefaces.org/showcase/ui/m ... sive.xhtml (use 5.3 or 5.2.4+).

-- layout change the style of the components?

- they can change according to Layout. But, You can use different theme with a layout. Exp; Volt theme with Rio layout.

[mert.sincan]

Also you can use more than one layouts together. Exp; http://forum.primefaces.org/viewtopic.php?f=25&t=42387

[victormenegusso]

thank aragorn, helped me a lot.

[mert.sincan]

You're welcome