jQuery UI Widgets Forums Grid How to customize rows appearance ?

This topic contains 4 replies, has 2 voices, and was last updated by  Kynao 11 years, 11 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • How to customize rows appearance ? #3900

    Kynao
    Participant

    Data in grid is just organized through horizontal and vertical lines.
    How to customize this and so give each row its customized design ?

    For example, a row would have a shape with no vertical separation line inside, rounded corners and separated from previous and next row by just space and so no special delimiter

    How to customize rows appearance ? #3903

    Peter Stoev
    Keymaster

    Data in a Grid control is organized in Rows and Columns. It is possible to change a background color or a text color of a cell, but it is not possible to customize the shape of a row or its entire background, text color or borders. We’ll think about adding a feature that will allow users to hide vertical or horizontal border lines between the Grid cells for a future release.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    How to customize rows appearance ? #3953

    Kynao
    Participant

    A feature that allow html customization will be great to have almost complete control on row appearance.
    Actual grid appearance is the classic one, all widgets suite present it the same and it is ueful for classic use like business app.

    That’s a pity to limit the appearance to such a point as grid capabilities would also be useful in other contexts where appearance is a criteria of choice for users and actually grids don’t have any “sex appeal”. Would you use the grids components we know if you were the developer of gameduel web site ? or bookmaker sites ? on betfair ? on web sites offering templates ? and the examples go on… that would look like out of context but paradoxically, they all use grid “features”.

    How to customize rows appearance ? #3962

    Peter Stoev
    Keymaster

    Hi Kynao,

    HTML customization is possible through the Grid’s custom cells rendering. However, you asked about a shape of a row and spacing between rows. If you need to hide borders of cells in your application, you can edit the CSS properties of the Grid. The borders and their colors are specified there. In my previous post, I meant that it would be also useful to have a feature like ‘cellsborders’ with values like – rows, columns and default. The rows setting will hide the columns borders, the columns setting will hide the rows borders and the default mode will look like now.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    How to customize rows appearance ? #4034

    Kynao
    Participant

    Thanks, i understand.
    Still one more example, different but interesting and useful : the possibility to display entries with some kind of thumbails http://www.engadget.com/2012/05/09/evernote-updates-mac-and-ios-apps

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.