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.