Compact montage look
Posted: Mon Apr 08, 2019 2:17 pm
I've made this mods for zm 1.30 and now again for 1.32.3. It makes the "montage" page look a little more compact and has these features:
- shows each monitor name at the bottom of the monitor
- I've ditched the frames and status bar since I don't care the fps, and status can be guessed by the image border color
- It also sets a blue color to the background so when a camera goes down you can tell just my looking
Here it goes:
In "/usr/share/zoneminder/www/skins/classic/css/base/views/montage.css" add this:
And in "/usr/share/zoneminder/www/skins/classic/views/montage.php" add this right below <div id="monitorState line (287 in zm 1.32.3):
- shows each monitor name at the bottom of the monitor
- I've ditched the frames and status bar since I don't care the fps, and status can be guessed by the image border color
- It also sets a blue color to the background so when a camera goes down you can tell just my looking
Here it goes:
In "/usr/share/zoneminder/www/skins/classic/css/base/views/montage.css" add this:
Code: Select all
.monitor {
position: relative;
background-color: #0000ff;
}
.monitorFrame[title] {
color: #0000ff;
}
.monitorState {
display: none !important;
}
.monitorName {
position: absolute;
bottom: 0px;
width: 100%;
background-color: rgba(0,0,0,0.5);
color: #fff;
font-size: 10px;
padding: 0px;
line-height: 18px;
border: 2px solid transparent;
}
Code: Select all
<div class="monitorName"><?php echo $monitor->Name(); ?></div>