Remove Spacing in Hierarchical Data

5 posts, 0 answers
  1. Thomas
    Thomas avatar
    3 posts
    Member since:
    Aug 2016

    Posted 26 Apr Link to this post

    I am having trouble removing the blank space between hierarchies / childviews when using the RadVirtualGrid to display hierarchical data.

    (see Image01 attached)

    If I set 

    MasterViewInfo.Padding = new Padding(0);

    and

    e.ChildViewInfo.Padding = new Padding(0);

    the situation improves (see Image02 attached), but I still can't seem to remove all of the spacing between childviews.

     

    Any ideas?

     

    Thanks,

    Tom

  2. Dimitar
    Admin
    Dimitar avatar
    1871 posts

    Posted 27 Apr Link to this post

    Hi Tom,

    Please note that you can specify negative padding as well. For this case you can use:
    e.ChildViewInfo.Padding =new Padding(0,0,0,-12);

    Please let me know if there is something else I can help you with. 
     
    Regards,
    Dimitar
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Thomas
    Thomas avatar
    3 posts
    Member since:
    Aug 2016

    Posted 27 Apr in reply to Dimitar Link to this post

    Hi Dimitar,

    Thanks for your fast reply.

    Applying the negative padding almost works, but not quite.

    The space appears to be removed (see attached Image03), however, this introduces another display issue.

    When I hover the mouse over an item higher in the hierarchy, the blank space reappears and overwrites data in the grid (see attached Image04).

    I imagine that this blank space that we are trying to remove with negative padding is created either by some primitive element which is hidden but not collapsed or by a positive padding value applied to an element.

     

    Is there any way we can discover which element is causing the space to appear so that it can be removed more thoroughly?

     

    Thanks for your help!

    Tom

  4. Dimitar
    Admin
    Dimitar avatar
    1871 posts

    Posted 28 Apr Link to this post

    Hello Thomas,

    I have further investigated this case. It appears that this is caused because of an issue in our implementation and we are including the height of the scrollbar as well. I have logged this issue in our Feedback Portal. I have added a vote for it on your behalf as well. You can track its progress, subscribe for status changes and add your comment to it here. I have also updated your Telerik Points.

    The issue is located in a private method and this is why I cannot suggest a workaround for it.

    Should you have any other questions do not hesitate to ask.

    Regards,
    Dimitar
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  5. Thomas
    Thomas avatar
    3 posts
    Member since:
    Aug 2016

    Posted 02 May Link to this post

    Thanks for your help Dimitar.

    I'll keep an eye on the Feedback Portal.

     

    Thanks,

    Tom

Back to Top