displayPrint on dashboardLayout Menu and AppBar

[ebengtso]

Summary

Elements of the DashboardLayout should not printed when the page is printed

I have tried to use the displayPrint, but it is ignored.

<DashboardLayout sx={{ displayPrint: 'none' }}>
  <Box sx={{m:1, displayPrint: 'block'}}>
    {children}
  </Box>
</DashboardLayout>

I have also tried to use a customClass, but in this case the space occupied by the dashboard menu and appbar turns to blank but occupies the space

@media print {
  .print {
    visibility: visible;

  }
  .notprint {
    visibility: hidden;
  }
}

Examples

No response

Motivation

No response

Search keywords: displayPrint, DashboardLayout

[Janpot]

I believe hiding the navigation in print should be the default behaviour. Let's do that for 0.9.0. We can then wait for use-cases to show it.