diff --git a/ayanova/src/components/wiki-control.vue b/ayanova/src/components/wiki-control.vue
index 603c133c..827ddfa7 100644
--- a/ayanova/src/components/wiki-control.vue
+++ b/ayanova/src/components/wiki-control.vue
@@ -1,8 +1,5 @@
 <template>
   <div>
-    <!-- <span class="v-label v-label--active theme--light">
-      Wiki
-    </span> -->
     <template v-if="readOnly">
       <div>
         <v-btn depressed tile @click="switchView()">
@@ -11,10 +8,27 @@
       </div>
     </template>
     <template v-else>
-      <div>
-        <v-btn depressed tile @click="switchView()">
-          Wiki<v-icon right>{{ switchViewIcon() }}</v-icon></v-btn
-        >
+      <span class="v-label v-label--active theme--light">
+        Wiki
+      </span>
+      <div class="mt-2">
+        <v-btn-toggle v-model="currentView">
+          <v-btn color="white" value="0">
+            <v-icon>fa-eye-slash</v-icon>
+          </v-btn>
+
+          <v-btn color="white" value="2">
+            <v-icon>fa-eye</v-icon>
+          </v-btn>
+
+          <v-btn color="white" value="1">
+            <v-icon>fa-columns</v-icon>
+          </v-btn>
+
+          <v-btn color="white" value="3">
+            <v-icon>fa-edit</v-icon>
+          </v-btn>
+        </v-btn-toggle>
       </div>
     </template>
 
@@ -66,9 +80,10 @@ const WIKI_VIEW = 2;
 const DESIGN_VIEW = 3;
 
 export default {
+  created() {},
   data() {
     return {
-      currentView: HIDDEN_VIEW
+      currentView: 0
     };
   },
   props: {
diff --git a/ayanova/src/main.js b/ayanova/src/main.js
index 692c90a0..9c4ac90e 100644
--- a/ayanova/src/main.js
+++ b/ayanova/src/main.js
@@ -47,6 +47,18 @@ import reportSelectorControl from "./components/report-selector-control.vue";
 import reportViewerControl from "./components/report-viewer-control.vue";
 import wikiControl from "./components/wiki-control.vue";
 
+//**************************************************************
+//**************************************************************
+//**************************************************************
+//DEVELOPMENT MODE
+//THIS SHOULD BE FALSE IN RELEASE
+//************************************************************
+const DEV_MODE = true;
+//************************************************************
+//**************************************************************
+//**************************************************************
+//**************************************************************
+
 /////////////////////////////////////////////////////////////////
 // LIBS AND GLOBAL ITEMS
 // NOTE: I'm putting them on Window deliberately to be globally available
@@ -82,18 +94,6 @@ window.$gz = {
 // ERROR HANDLING
 //
 
-//**************************************************************
-//**************************************************************
-//**************************************************************
-//DEVELOPMENT MODE
-//THIS SHOULD BE FALSE IN RELEASE
-//************************************************************
-const DEV_MODE = true;
-//************************************************************
-//**************************************************************
-//**************************************************************
-//**************************************************************
-
 Vue.config.errorHandler = errorHandler.handleVueError;
 window.onerror = errorHandler.handleGeneralError;
 //warnings, only occur by default in debug mode not production
diff --git a/ayanova/src/views/widget.vue b/ayanova/src/views/widget.vue
index 905cbb0f..58279ece 100644
--- a/ayanova/src/views/widget.vue
+++ b/ayanova/src/views/widget.vue
@@ -207,7 +207,7 @@
             <v-col cols="12">
               <gz-wiki
                 v-model="obj.wikiContent"
-                :readOnly="formstate.readOnly"
+                :readOnly="formState.readOnly"
                 :parentVM="this"
               ></gz-wiki
             ></v-col>