Compact montage look

If you've made a patch to quick fix a bug or to add a new feature not yet in the main tree then post it here so others can try it out.
Post Reply
Posts: 7
Joined: Sat Mar 25, 2017 6:32 am

Compact montage look

Post by alfvicente » 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:

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;
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):

Code: Select all

<div class="monitorName"><?php echo $monitor->Name(); ?></div>

Post Reply

Who is online

Users browsing this forum: Google [Bot] and 3 guests