Responsive Gallery

vished
Posts: 445
Joined: 02 Feb 2014, 17:38

18 Oct 2015, 19:28

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
PF 8.0

mert.sincan
Posts: 4142
Joined: 29 Jun 2013, 12:38

19 Oct 2015, 09:09

I think you can try with p:panelGrid responsive and GridCSS. Are you using Rio Layout?

vished
Posts: 445
Joined: 02 Feb 2014, 17:38

19 Oct 2015, 18:53

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?
PF 8.0

mert.sincan
Posts: 4142
Joined: 29 Jun 2013, 12:38

22 Oct 2015, 10:26

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

vished
Posts: 445
Joined: 02 Feb 2014, 17:38

25 Oct 2015, 12:54

Can you provide this CSS?
It will help also other users
PF 8.0

mert.sincan
Posts: 4142
Joined: 29 Jun 2013, 12:38

27 Oct 2015, 16:46

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.

vished
Posts: 445
Joined: 02 Feb 2014, 17:38

28 Oct 2015, 08:49

Thank you very much.
This means round about 2-3 weeks?
PF 8.0

vished
Posts: 445
Joined: 02 Feb 2014, 17:38

14 Nov 2015, 17:56

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....
PF 8.0

vished
Posts: 445
Joined: 02 Feb 2014, 17:38

21 Dec 2015, 22:19

Any updates on this?
PF 8.0

cagatay.civici
Prime
Posts: 18369
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

22 Dec 2015, 00:26

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.

Locked

Return to “Rio”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest