differences between Layout and Theme

Locked
victormenegusso
Posts: 3
Joined: 06 Sep 2011, 15:17

11 Nov 2015, 21:15

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.

aragorn
Posts: 3777
Joined: 29 Jun 2013, 12:38

11 Nov 2015, 22:21

-- 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.

aragorn
Posts: 3777
Joined: 29 Jun 2013, 12:38

11 Nov 2015, 22:24

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

victormenegusso
Posts: 3
Joined: 06 Sep 2011, 15:17

12 Nov 2015, 17:29

thank aragorn, helped me a lot.

aragorn
Posts: 3777
Joined: 29 Jun 2013, 12:38

13 Nov 2015, 11:43

You're welcome :)

Locked

Return to “Volt”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest