Show elements on desktop or on mobile in mutual exclusion

Post Reply
iljkr
Posts: 23
Joined: 30 Dec 2013, 20:52

24 Nov 2019, 18:43

Hi,
with the old template "spark" I found useful to display some elements in a format for mobile and in another format for desktop.

From spark documentation:

Visibilities According To The Platform
ShowOnMobile Only visible on screen widths smaller than 960px.
ShowOnDesktop Only visible on screen widths bigger than 960px.

Code: Select all

<div class="ShowOnDesktop"> 
	content (eg an image) optimized for desktop
</div>
<div class="ShowOnMobile"> 
	content (eg an image) optimized for mobile
</div>
There is something similar with VERONA?

In general the documentation of the old templates as spark was richer, all style classes to be used were explained in detail:
https://www.primefaces.org/eos/spark/do ... tion.xhtml

Instead the documentation of the new templates contains compilation instructions and nothing about style classes:
https://www.primefaces.org/verona/docs.xhtml
javax.faces-2.2.8 | primefaces-5.2 | tomcat 7

Post Reply

Return to “Verona - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest