radGrid and the shrinking/expanding NestedViewTemplate

[SSirica]

I have a grid that is very wide, so it has a horizontal scroll bar.  The grid has a NestedViewTemplate to display these wide rows in one screen frame.  Because I don't know the size of my users screens, I try my best to use % for the height and width.  This has been a source of angst, but that's an issue for another time. I'm using a table to display the data in my NestedViewTemplate.  My question is, why is the width % based on the width of the grid and not the size of the screen?  In order to get the view I'm looking for I have to set my detail table width to 25%.  It wouldn't be an issue if we had the option to display the NestedViewTemplate in a popup.  

[Peter Milchev]

Hi,

The way the percentage size works is to set the size as a portion of the parent element.

• https://developer.mozilla.org/en-US/docs/Web/CSS/percentage 

If you want to set the width based on the viewport, you would need to use "vw" units instead of "%":

• https://www.w3schools.com/cssref/css_units.asp#:~:text=Relative%20to%201%25%20of%20the%20width%20of%20the%20viewport 
• https://css-tricks.com/fun-viewport-units/ 

As for the Grid viewing the NestedViewTemplate in a popup, you can add a button or use the click events of the grid to open a RadWindow where you could view the details:

• https://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridandwindow/defaultcs.aspx?product=grid 
• https://demos.telerik.com/aspnet-ajax/grid/examples/data-binding/master-detail/defaultcs.aspx 

Regards,
Peter Milchev
Progress Telerik