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
Responsive Gallery
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
I think you can try with p:panelGrid responsive and GridCSS. Are you using Rio Layout?
Github Profile: https://github.com/mertsincan
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?
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
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
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
Or you can write custom css with @media
Github Profile: https://github.com/mertsincan
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
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.
After new releases, I will provide Responsive Galery CSS.
Github Profile: https://github.com/mertsincan
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....
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
-
- Prime
- Posts: 18616
- Joined: 05 Jan 2009, 00:21
- Location: Cybertron
- Contact:
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.
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.
-
- Information
-
Who is online
Users browsing this forum: No registered users and 9 guests