Page 1 of 2

Responsive Gallery

Posted: 18 Oct 2015, 19:28
by vished
Dear all,

How can I create a responsive Gallery like:
http://ironsummitmedia.github.io/startb ... l-gallery/

I would like to have a <p:dataScroller and then my items (my pictures).
How can I do this? If the screen is for example a 42" monitor it should work also. This means there should be no so a very gap (padding/ margin) between each picture.

Many thanks for help

Re: Responsive Gallery

Posted: 19 Oct 2015, 09:09
by mert.sincan
I think you can try with p:panelGrid responsive and GridCSS. Are you using Rio Layout?

Re: Responsive Gallery

Posted: 19 Oct 2015, 18:53
by vished
yes, I am using Rio layout.
With p:panelGrid responsive and GridCSS this will be work, but if I have a 42" Screen for example this is not the solution which I would like to have. Because for example if you define for large screens ui-3 then you will get a very large margin for each item.
How can I do this?

Re: Responsive Gallery

Posted: 22 Oct 2015, 10:26
by mert.sincan
I think you can add css of bootstrap in layout*.less then create this structure; http://ironsummitmedia.github.io/startb ... l-gallery/
Or you can write custom css with @media

Re: Responsive Gallery

Posted: 25 Oct 2015, 12:54
by vished
Can you provide this CSS?
It will help also other users

Re: Responsive Gallery

Posted: 27 Oct 2015, 16:46
by mert.sincan
We are working for Layouts compatibility with PF5.3. (Responsive Layouts and Components). We will release new versions of All Layouts in this week.
After new releases, I will provide Responsive Galery CSS.

Re: Responsive Gallery

Posted: 28 Oct 2015, 08:49
by vished
Thank you very much.
This means round about 2-3 weeks?

Re: Responsive Gallery

Posted: 14 Nov 2015, 17:56
by vished
Did you have some time?
I need something like this: http://www.primefaces.org/showcase-ext/ ... ynamic.jsf

But I need it in a <p:dataScroller because if I have 1000 pictures this is not good for performance....

Re: Responsive Gallery

Posted: 21 Dec 2015, 22:19
by vished
Any updates on this?

Re: Responsive Gallery

Posted: 22 Dec 2015, 00:26
by cagatay.civici
This is related to PrimeFaces not RIO, related ticket is;

https://github.com/primefaces/primefaces/issues/975

You may use alternative jquery plugin as well, I suspect there are many responsive image slider implementations you can pick.