Show elements on desktop or on mobile in mutual exclusion

Post Reply
iljkr
Posts: 26
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.3 | primefaces-7 | tomcat 8.5

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

20 Dec 2019, 16:36

Please see this issue; viewtopic.php?f=48&t=60341&p=179194#p179194

Best Regards,

Post Reply

Return to “Verona - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest