Question

How ti implement slider view for page list data

Hi,

We have a requirement that, we have to display list of customers in slider view means each slider should show one customer details (like image viewer in online shopping portals), please suggest us on how to implement and do we have any OOTB options

Kind Regards,

Krishna M

Comments

Keep up to date on this post and subscribe to comments

June 2, 2019 - 10:51am

Hi ,

Please find below article related to pySlider control and check if you can replace same piece of HTML .

You may have to further modify your code

https://community1.pega.com/community/pega-support/question/how-configure-slider-functionality-pega-73

Pega
June 2, 2019 - 10:13pm

Hi Krishna,

If my understanding is correct, you are looking for a view where user clicks on a icon to move on to next slide in a list.

I can't think of any existing OOTB feature for slider view, however you can achieve similar behavior by using grid with pagination defined as 1 record per page as below with few css changes.

On click of arrow icon, you move between one pagelist item to another.

Hope it helps.

Thanks.

Pega
June 3, 2019 - 6:23am

Hi Krishna,

Are you trying to implement carousel type view?

Thanks!

June 3, 2019 - 8:50am

Hi Krishna,

Create a datatype with desired properties.Now click the desired step , and go to configure view. Now give a property of type field group list and mention the above datatype .

Now the run the case,the table is created in section of  in the corresponding step of the case lifecycle.

Now configure slider property in the row.

For Slider configuration , refer to following link 

https://community1.pega.com/community/pega-support/question/how-configure-slider-functionality-pega-73

 

June 3, 2019 - 8:52am

Hi Krishna,

You can even create a page-list property and call it in table or repeating grid layout of a section.And configure slider control for desired property.

hope you may find these helpful.

Thank You

October 19, 2019 - 2:05pm
Response to PRATHYUSHAD728

Hi Prathyusha,

I tried in the similar way and followed the steps.But its not working for me. if you documented this scenario,can you please share it ?