Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
175
Igx-Hierarchical-Grid - Row Editable Questions
posted

So we recently moved from Angular 7 to Angular 8 and updated our Ignite Angular packages accordingly.  We are currently on version 8.3 of Angular and version 8.2.2 of Ignite UI for Angular (we also moved to a complete Linux environment as well, not sure if this is relevant to the issues I am having).

So most of the issues seem to be confined to the RowEditable feature.  So, I have a three level Heirarchical Grid, the top level Grid when using the RowEditable property is not respecting the Theming Styling I've done for the Banner Overlay.  I've explicitly set the Banner Theme for that and the theming appears to be working for the two lower level RowEditable enabled grids, it is just the top level grid is not respecting the set theme and it appearing as the default white background with Pink buttons.

Note: it seems to be an issue with having only one item in the grid, or upon first load of the grid.  If I have multiple items in the grid, it won't respect it either until I open up a child grid, then it takes.  It won't take at all if I only have one object in the grid.  Is there perhaps a way to force a grid refresh of some variety that would force it to pick up the Theming?

One of the other issues I've noticed, is the banner now seems to appear above and below the row, whereas it always used to appear only below the row.  Is there a way I can return it such that the row editable overlay will always appear below the row like it was in version 7? Unfortunately, this change seems to cause a problem with the overlay appearing in some instances.

For Example:

1) Open a Top level Data Object that has at least one child with children of its own.

2) Double Click into the first child listed in the child grid: the Row Editable Overlay should appear above the row selected to edit.

3) Close the Row Edit Overlay.

4) Open that child's child grid - three levels of grids should be open.

5) Double Click the same Child of the main grid that now has its child grid open, this should still be the first item in the first child grid - the Row Editable Overlay will now appear below the row.

6) Close the Child Grid of the Row you are editting.

7) Double Click the same row again, first child row, the Row Editable overlay will now not appear. 

The above only occurs in the child grid. This same behavior does not seem to occur in the top level grid, and seems only to occur on the first item of the first child grid.

If you could let me know, I appreciate it.

Thanks,

-Randall