M => Menu
L => Left Report
R => Right Reportwhen display with the
MM | LLLL - | RRRR - |
mm | xxxxxx|xyyyyyy|yy
MM | LLLL - | RRRR +
mm | xxxxxx|xxxMM | LLLL +| RRRR -
mm | | yyyyyy|yyySeem the left report (xxxx) do not stay in the Left container itself but is overflow to the right container too.
And partially covered by right report (yyyy)Any suggestion?
Dashboard report only uses Bootstrap .col-sm-* classes (see Stacked to horizontal) to layout the page, it does not know the content of your report. If your report is too wide to fit in the column, it will overflow and your browser will try to adjust the content. If your content is too wide, you better add your own CSS to change the width or use “Vertical” instead of “Horizontal” layout.