jqxgrid cardview cellsrenderer button missing.

[dan123Participant]

Hi i tried the new cardview feature for the jqxgrid. and was wondering if ‘cellsrenderer’ will work to show buttons or is there another way to define this.

Because I tried with a example and turned on the cardview mode, but the cellsrenderer is not taking count and the button is not showing up.

Here is my jsfiddle:
http://jsfiddle.net/8t3hyvr9/7/

Also just wondering if the card view is customizable. so it shows cards as
Record Card 1-
Column – Data Column – Data
Column – Data Column – Data
Column – Data Column – Data

Record Card 2-
Column – Data Column – Data
Column – Data Column – Data
Column – Data Column – Data

[HristoParticipant]

Hello dan123,

It is a brand new custom view.
I would like to mention that there is no such option or a callback as the cellsrenderer function.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[dan123Participant]

Hi Hristo, will the user ever have ability in future or is there a workaround for adding custom buttons in the cards? also what about row selection (singlerow), which performs as card selection (singlecard)?

[adminKeymaster]

Hello dan123,

We will consider your suggestion. For now, selection for cards or custom renderers for cards is not possible. You can configure how many cards are displayed per row, the height of the card and edit the cards.

Best regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[adminKeymaster]

Hello dan123,

We added cellsrenderer option for the CardView mode, too. Now you can render custom cell values and use the callback function for custom formatting even in the card view mode.

Best regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[dan123Participant]

Hi Peter. Do you have example? I couldn’t find any demo for the custom values template for the card view? Because i tried with my example from the above post and didn’t seem to work. Assuming the cellsrenderer function is same as the old one.

Thanks

[adminKeymaster]

Hello dan123,

The cellsrenderer is unchanged. It should be set to the columns in the “columns” array. The “cardviewcolumns” is just setting up the layout of which grid columns will be visible when in cardview mode.

Best regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[dan123Participant]

Hi Peter,

There seems to be a issue with the cardview and pageable enabled.
Notice on page 1, if you scroll all the way down you can see part of the card created but you cannot scroll more since the page is set to 20 records. Thats a bit odd, and I understand you can just go to the next page.

Also another issue is that whenever you scroll, i have noticed the cards changing position randomly whenever its close to the end of the scroll or switching pages (go to page 2 or 3 and scroll down). Seems like the pagination and cards are not consistent with each other. Sorry just pointing out things i noticed.

Check my example below:
http://jsfiddle.net/bwt1nyu5/1/

[adminKeymaster]

Hello dan123,

Yes, pagination with cards is currently not supported. We will do our best to support it for the next release.

Best regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[JwhitbreadParticipant]

Hello Peter,

Do you have documentation of all functionality available to the cardview mode of the grid?
I can’t find the specific properties for the cardview within JqxGrid.

Thanks,
Jamie.

[Yavor DashevParticipant]

Hello jwhitbred,

For the complete documentation of the properties regarding the cardview mode of the grid you can check them out from here:
https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxgrid/jquery-grid-api.htm

Please, do not hesitate to contact us if you have any additional questions.

Best Regards,
Yavor Dashev
jQWidgets team
https://www.jqwidgets.com

[Author]

Posts