From 5443d4482a731968897085d204e63bf575f7c26f Mon Sep 17 00:00:00 2001 From: Pliable Pixels Date: Thu, 24 Oct 2019 14:00:01 -0400 Subject: [PATCH] put theme change at end --- docs/userguide/gettingstarted.rst | 58 +++++++++++++++---------------- 1 file changed, 28 insertions(+), 30 deletions(-) diff --git a/docs/userguide/gettingstarted.rst b/docs/userguide/gettingstarted.rst index 81e357c64..ab1a1d1ec 100644 --- a/docs/userguide/gettingstarted.rst +++ b/docs/userguide/gettingstarted.rst @@ -71,36 +71,6 @@ Here is an example of multiple run states that I've defined. Each one of these r * **O**: These are the "Zones". Zones are areas within the camera that you mark as 'hotspots' for motion detection. Simply put, when you first configure your monitors (cameras), by default Zoneminder uses the entire field of view of the camera to detect motion. You may not want this. You may want to create "zones" specifically for detecting motion and ignore others. For example, lets consider a room with a fan that spins. You surely don't want to consider the fan moving continuously a reason for triggering a record? Probably not - in that case, you'd leave the fan out while making your zones. * **P**: This is a "visual filter" which lets you 'filter' the console display based on text you enter. While this may not be particularly useful for small systems, ZoneMinder is also used in mega-installations will well over 200+ cameras and this visual filter helps reduce the monitors you are seeing at one time. - - -Switching to another theme -^^^^^^^^^^^^^^^^^^^^^^^^^^^ - -.. todo:: - Fix theme text after I clearly understand that System->CSS is doing - -When you first install ZoneMinder, you see is what is called a "classic" skin. Zoneminder has a host of configuration options that you can customize over time. This guide is meant to get you started the easiest possible way, so we will not go into all the details. However, it is worthwhile to note that Zoneminder also has a 'flat' theme that depending on your preferences may look more modern. So let's use that as an example of introducing you to the Options menu - -* Click on the Options link on the top right of the web interface in the image above -* This will bring you to the options window as shown below. Click on the "System" tab and then select the - "flat" option for CSS_DEFAULT as shown below - -.. image:: images/getting-started-flat-css.png - -* Click Save at the bottom - -Now, switch to the "Display" tab and also select "Flat" there like so: - -.. image:: images/getting-started-flat-css-2.png - -Your screen will now look like this: - - -Congratulations! You now have a modern looking interface. - -.. image:: images/getting-started-modern-look.png - - Adding Monitors ^^^^^^^^^^^^^^^ Now that we have a basic understanding of the web console, lets go about adding a new camera (monitor). For this example, lets assume we have an IP camera that streams RTSP at LAN IP address 192.168.1.33. @@ -169,6 +139,34 @@ And then, finally, to see if everything works, lets click on the monitor name (' .. image:: images/getting-started-add-monitor-live.png +Switching to another theme +^^^^^^^^^^^^^^^^^^^^^^^^^^^ + +.. todo:: + Fix theme text after I clearly understand that System->CSS is doing + +When you first install ZoneMinder, you see is what is called a "classic" skin. Zoneminder has a host of configuration options that you can customize over time. This guide is meant to get you started the easiest possible way, so we will not go into all the details. However, it is worthwhile to note that Zoneminder also has a 'flat' theme that depending on your preferences may look more modern. So let's use that as an example of introducing you to the Options menu + +* Click on the Options link on the top right of the web interface in the image above +* This will bring you to the options window as shown below. Click on the "System" tab and then select the + "flat" option for CSS_DEFAULT as shown below + +.. image:: images/getting-started-flat-css.png + +* Click Save at the bottom + +Now, switch to the "Display" tab and also select "Flat" there like so: + +.. image:: images/getting-started-flat-css-2.png + +Your screen will now look like this: + + +Congratulations! You now have a modern looking interface. + +.. image:: images/getting-started-modern-look.png + + Conclusion ^^^^^^^^^^