diff --git a/app/js/app-menu.js b/app/js/app-menu.js
index cd5edc9d..bfb86fdd 100644
--- a/app/js/app-menu.js
+++ b/app/js/app-menu.js
@@ -55,7 +55,10 @@ module.exports = function() {
       }  
       if(! $("#SBML-palette-heading").hasClass("collapsed")) { // collapse SBML
         $("#SBML-palette-heading").click();
-      }      
+      }     
+      if(! $("#GPML-palette-heading").hasClass("collapsed")) { // collapse GPML
+        $("#GPML-palette-heading").click();
+      }  
     }
     else if(mapType === "PD"){
       if($("#PD-palette-heading").hasClass("collapsed")) { // expand PD
@@ -69,6 +72,9 @@ module.exports = function() {
       } 
       if(! $("#SBML-palette-heading").hasClass("collapsed")) { // collapse SBML
         $("#SBML-palette-heading").click();
+      }  
+      if(! $("#GPML-palette-heading").hasClass("collapsed")) { // collapse GPML
+        $("#GPML-palette-heading").click();
       }        
     }
     else if(mapType === "SIF"){
@@ -84,6 +90,9 @@ module.exports = function() {
       if(! $("#SBML-palette-heading").hasClass("collapsed")) { // collapse SBML
         $("#SBML-palette-heading").click();
       } 
+      if(! $("#GPML-palette-heading").hasClass("collapsed")) { // collapse GPML
+        $("#GPML-palette-heading").click();
+      }
     }
     else if (mapType === "HybridSbgn") {
       if($("#PD-palette-heading").hasClass("collapsed")) { // expand PD
@@ -98,6 +107,9 @@ module.exports = function() {
       if(! $("#SBML-palette-heading").hasClass("collapsed")) { // collapse SBML
         $("#SBML-palette-heading").click();
       } 
+      if(! $("#GPML-palette-heading").hasClass("collapsed")) { // collapse GPML
+        $("#GPML-palette-heading").click();
+      }
     }
     else if (mapType === "SBML"){
       if(!$("#PD-palette-heading").hasClass("collapsed")) { // collapse PD
@@ -113,6 +125,23 @@ module.exports = function() {
         $("#SBML-palette-heading").click();
       } 
     }
+    else if (mapType === "GPML"){
+      if(!$("#PD-palette-heading").hasClass("collapsed")) { // collapse PD
+        $("#PD-palette-heading").click();
+      }
+      if(!$("#AF-palette-heading").hasClass("collapsed")) { // collapse AF
+        $("#AF-palette-heading").click();
+      }
+      if(! $("#SIF-palette-heading").hasClass("collapsed")) { // collapse SIF
+        $("#SIF-palette-heading").click();
+      }
+      if(! $("#SBML-palette-heading").hasClass("collapsed")) { // collapse SBML
+        $("#SBML-palette-heading").click();
+      }
+      if( $("#GPML-palette-heading").hasClass("collapsed")) { // expand GPML
+        $("#GPML-palette-heading").click();
+      }
+    }
     else if (mapType === "HybridAny") {
       if($("#PD-palette-heading").hasClass("collapsed")) { // expand PD
         $("#PD-palette-heading").click();
@@ -126,6 +155,9 @@ module.exports = function() {
       if($("#SBML-palette-heading").hasClass("collapsed")) { // expand SBML
         $("#SBML-palette-heading").click();
       } 
+      if($("#GPML-palette-heading").hasClass("collapsed")) { // expand GPML
+        $("#GPML-palette-heading").click();
+      }
     }
     else {
       console.warn('invalid map type!');
diff --git a/index.html b/index.html
index 2cdb3e4d..f3dd39c4 100644
--- a/index.html
+++ b/index.html
@@ -832,6 +832,61 @@
                                 </div>
                             </div>
                              <!-- SBML End -->
+
+                            <!-- GPML Starts -->
+                                                        <div class="panel">
+                                                            <div id="GPML-palette-heading" class="panel-heading collapsed" data-toggle="collapse"
+                                                                data-target="#expand-collapse-gpml-nodes-palette">
+                                                                <p class="panel-title accordion-toggle">
+                                                                    GPML
+                                                                </p>
+                                                            </div>
+                                                            <div id="expand-collapse-gpml-nodes-palette" class="panel-collapse collapse">
+                                                                <div class="panel-body">
+                                                                    <div id="gpml-node-palette" class="element-palette node-palette">
+                                                                        <div class="paletteWrapper">
+                                                                            <div class="paletteCol"><img src="app/img/nodes/macromolecule.svg" language="GPML"
+                                                                                    value="macromolecule" title="Macromolecule" /></div>
+                                                                            <div class="paletteCol"><img src="app/img/nodes/simple-chemical.svg" language="GPML"
+                                                                                    value="simple-chemical" title="Simple Chemical" /></div>
+                                                                            <div class="paletteCol"><img src="app/img/nodes/process.svg" language="GPML" value="process"
+                                                                                    title="Process" /></div>
+                                                                        </div>
+                                                                    </div>
+                                                                </div>
+                                                                <div class="panel-body" style="padding-bottom: 0px;">
+                                                                    <div id="gpml-edge-palette" class="element-palette edge-palette">
+                                                                        <div class="paletteWrapper">
+                                                                            <div class="paletteCol"><img src="app/img/edges/consumption.svg" language="GPML" value="consumption"
+                                                                                    title="Consumption" /></div>
+                                                                            <div class="paletteCol"><img src="app/img/edges/production.svg" language="GPML" value="production"
+                                                                                    title="Production" /></div>
+                                                                            <div class="paletteCol"><img src="app/img/edges/modulation.svg" language="GPML" value="modulation"
+                                                                                    title="Modulation" /></div>
+                                                                            <div class="paletteCol"><img src="app/img/edges/stimulation.svg" language="GPML" value="stimulation"
+                                                                                    title="Stimulation" /></div>
+                                                                            <div class="paletteCol"><img src="app/img/edges/catalysis.svg" language="GPML" value="catalysis"
+                                                                                    title="Catalysis" /></div>
+                                                                            <div class="paletteCol"><img src="app/img/edges/inhibition.svg" language="GPML" value="inhibition"
+                                                                                    title="Inhibition" /></div>
+                                                                            <div class="paletteCol"><img src="app/img/edges/necessary-stimulation.svg" language="GPML"
+                                                                                    value="necessary stimulation" title="Necessary Stimulation" /></div>
+                                                                            <div class="paletteCol"><img src="app/img/edges/consumption.svg" language="GPML" value="logic arc"
+                                                                                    title="Logic Arc" /></div>
+                                                                            <div class="paletteCol"><img src="app/img/edges/consumption.svg" language="GPML"
+                                                                                    value="equivalence arc" title="Equivalence Arc" /></div>
+                                                                        </div>
+                                                                    </div>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                             
+                        
+
+
+
+                             <!-- GPML End -->
+
                           </div>
                         </div>
 						   <div id="sbgn-inspector-console" class="tab-pane fade">