Row layout with stacked cells

5 posts, 0 answers
  1. Anthony
    Anthony avatar
    53 posts
    Member since:
    Apr 2012

    Posted 11 Jun 2014 Link to this post

    I am trying to achieve a layout as shown in the attached image. I want two cells to be stacked to save on horizontal real estate. I've looked at some examples, but all of them lose the row headers. I want the row headers to maintain sorting and filtering capabilities.

    I'm hoping that this is possible with the RadGridView, because it is a pretty glaring deficiency if not. Any help is appreciated.
  2. Nick
    Admin
    Nick avatar
    593 posts

    Posted 13 Jun 2014 Link to this post

    Hi Anthony,

    Basically you can achieve the desired effect using CellTemplates in order to show the both Dates, and a HeaderCellTemplate to show the two row header. However the Sorting functionality in this case will be a bit ambiguous. You will have to specify only one of the Dates in the cells (the property path to the value in the business object), via the SortMemberPath of the column in order to have a consistent Sorting functionality. 

    As to the row style triggered by the Alert property, you can use a ConditionalRowStyleSelector to achieve that.

    Hope this helps. 

    Regards,
    Nik
    Telerik
     
    Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
     
  3. Anthony
    Anthony avatar
    53 posts
    Member since:
    Apr 2012

    Posted 14 Jun 2014 in reply to Nick Link to this post

    Thank you Nik, but that's not the desired effect. The desired effect is to have distinct cells or the illusion of it that provides full functionality (including sorting and filtering). I specifically wanted to be able to sort by both dates. This is confirmation of my fears that Telerik doesn't support what I need.
  4. MAILLART
    MAILLART avatar
    1 posts
    Member since:
    Jun 2014

    Posted 16 Jun 2014 in reply to Nick Link to this post

    Hi,

    I have the same issue.

    I have a column where I need to show several values.
    (Like the dates in the pictures)

    I tried to use a ListView but the ListView doesn't fill the whole cell, and is less "good-looking".

    Do you know how I could do it?

    (I don't need any sorting)
  5. Nick
    Admin
    Nick avatar
    593 posts

    Posted 16 Jun 2014 Link to this post

    Hi Anthony,

    You still can sort by both dates on choice, but you will have to handle the sort manually(custom sort), depending on which row of the header you have clicked. Same goes for, filtering and grouping. This however goes beyond the default capabilities and you will probably need to handle much of the interaction yourself. 

    Nicolas, 

    You can use the approach I posted in my first reply(use cell templates and HeaderCellTemplate).

    Hope this helps. 

    Regards,
    Nik
    Telerik
     
    Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
     
Back to Top