added text wrapping and also clarified what portal aliases mean

1 files changed, 17 insertions, 10 deletions

diff --git a/www/templates/help.html b/www/templates/help.html
index 0720bac7..c947bfdf 100644
--- a/www/templates/help.html
+++ b/www/templates/help.html
@@ -8,15 +8,22 @@
     <ion-content class="padding">
     <div class="list">
 
-        <ion-item>
-            <h2><b> What is the ZM Base login and the API login?</b> </h2>
+        <ion-item class="item-text-wrap">
+            <h2><b> What is an API path?</b> </h2>
         The latest versions of ZoneMinder have an API that is supposed to replace the XML skin.
-        It is ionly available in the latest and greatest ZoneMinder releases. If you don't have
+        It is only available starting Zoneminder 1.29. If you don't have
         the API installed the client WILL NOT WORK.
 
         </ion-item>
 
-        <ion-item>
+        <ion-item class="item-text-wrap">
+            <h2><b> What is ZM base URL, portal alias and API path</b> </h2>
+        Okay, there are multiple ways you can install ZoneMinder. For example, let's say you access zoneminder via http://yourserver.com:8000/zm. Then, http://yoursever.com:8000 is the base portal URL and the alias is zm. It's important you get these right, otherwise the app won't be able to display the data.
+        </ion-item>
+
+
+
+        <ion-item class="item-text-wrap">
             <h2> <b>What should I be entering in the Base URL and API URL?</b></h2>
         The base url is typically of the format "http://yourserver:port/" (don't specify zm)
         The API url is typically of the format "http://yourserver:port/zm/api"
@@ -24,35 +31,35 @@
         </ion-item>
 
 
-        <ion-item>
+        <ion-item class="item-text-wrap">
             <h2> <b>I do not have authentication enabled but the app keeps asking me to specify authentication</b></h2>
         If you don't use ZM authentication, just enter an "x" in both user name and password.
         </ion-item>
 
 
-        <ion-item>
+        <ion-item class="item-text-wrap">
             <h2><b> The data is not refreshing!</b></h2>
         Most screens that show lists of data has a pull down action. Pull down to refresh and your data
         should be reloaded.
         </ion-item>
 
-        <ion-item>
+        <ion-item class="item-text-wrap">
             <h2><b> What is this simulator mode?</b></h2>
         It was really a way for me to test how the app behaves when there are 1000s of events and many monitors.
         Practically, you won't have a need for it
         </ion-item>
 
-        <ion-item>
+        <ion-item class="item-text-wrap">
             <h2><b>When I switch between Simulator to Real mode, the data does not change</b></h2>
         Pull to refresh.
         </ion-item>
 
-        <ion-item>
+        <ion-item class="item-text-wrap">
             <h2><b>I want to contribute!</b></h2>
         Awesome. <a  href="#" onclick="window.open('http://github.com/arjunroychowdhury/zmNinja', '_blank', 'location=yes'); return false;"> Grab</a> the source code!
         </ion-item>
 
-        <ion-item>
+        <ion-item class="item-text-wrap">
             <h2><b>How do I contact the author?</b></h2>
             Send me an <a  href="#" onclick="window.open('mailto:arjunrc@gmail.com', '_blank', 'location=yes'); return false;">email</a>
         </ion-item>