improve the readme

Kineviz · Nov 12, 2020 · cd8afac · cd8afac
1 parent 5a62f2a
commit cd8afac
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -1,5 +1,7 @@
 ### GraphXR Iframe example(V2.8.0)
 
+Your can try with <https://kineviz.github.io/graphxr-iframe-example/> at first
+
 > Please refer the graphXR.injection.js in <head> tag at first
 
 ```

diff --git a/index.html b/index.html
@@ -60,17 +60,33 @@
             font-size: 18px;
         }
 
+        .header .actions{
+            width:18%;
+            padding: 1%;
+            height: 100%;
+        }
+
         .header .btn {
+            width: 100%;
             cursor: pointer;
             text-align: center;
-            height: 120px;
-            line-height: 120px;
-            width:18%;
+            height: 60px;
+            line-height: 60px;
             margin:20px 1%;
             border-radius: 4px;
             color: white;
             background-color:green;
         }
+
+        .header a.help{
+            display: block;
+            text-align: center;
+            font-size: 32px;
+            color: black;
+            border: none;
+            text-decoration: none;
+            background-color: white;
+        }
     </style>
 
     <!--Please -->
@@ -102,7 +118,12 @@
 
        </textarea>
         </div>
-        <div class="btn" onclick="handleClick()"> RUN </div>
+        <div class="actions">
+            <div class="btn" onclick="handleClick()" title="run the code"> RUN </div>
+            <a class="help" target="_blank"
+            href="https://github.com/Kineviz/graphxr_iframe_example#1-apicommand" 
+            title="api help"> ? </a>
+         </div>
     </div>