Page 1 of 1

Show elements on desktop or on mobile in mutual exclusion

Posted: 24 Nov 2019, 18:43
by iljkr
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

Re: Show elements on desktop or on mobile in mutual exclusion

Posted: 20 Dec 2019, 16:36
by aragorn
Please see this issue; viewtopic.php?f=48&t=60341&p=179194#p179194

Best Regards,