diff --git a/gbpui/column_filters.py b/gbpui/column_filters.py
index 9939167..bba5b70 100644
--- a/gbpui/column_filters.py
+++ b/gbpui/column_filters.py
@@ -13,6 +13,7 @@
 import logging
 import os
 
+from django.conf import settings
 from django.core.urlresolvers import reverse
 from django.utils.safestring import mark_safe
 
@@ -143,7 +144,8 @@ def update_policyaction_attributes(request, paction):
 
 
 def update_sc_spec_attributes(request, scspec):
-    img_path = "/static/dashboard/img/"
+    static_url = getattr(settings, 'STATIC_URL', "/static/")
+    img_path = static_url + "dashboard/img/"
     provider = "default"
     nodes = scspec.nodes
     nodes = [client.get_servicechain_node(request, item) for item in nodes]
@@ -154,8 +156,8 @@ def update_sc_spec_attributes(request, scspec):
     if os.path.exists(ds_path):
         local_img_path = ds_path
     else:
-        local_img_path = "/usr/share/openstack-dashboard/openstack_dashboard/" \
-            + "static/dashboard/img/"
+        local_img_path = "/usr/share/openstack-dashboard/" \
+            + "openstack_dashboard/static/dashboard/img/"
     if os.path.exists(local_img_path):
         providers = os.listdir(local_img_path)
         for p in providers:
@@ -239,7 +241,7 @@ def update_classifier_attributes(classifiers):
     if type(classifiers) == list:
         for classifier in classifiers:
             classifier.set_id_as_name_if_empty()
-            if classifier.protocol in ['tcp', 'udp'] and classifier.port_range \
+            if classifier.protocol in ['tcp', 'udp'] and classifier.port_range\
                     in port_protocol_map:
                 classifier.protocol = port_protocol_map[classifier.port_range]
     else:
diff --git a/gbpui/panels/application_policy/templates/application_policy/_add_policy_classifier.html b/gbpui/panels/application_policy/templates/application_policy/_add_policy_classifier.html
index 8441f12..feedad6 100644
--- a/gbpui/panels/application_policy/templates/application_policy/_add_policy_classifier.html
+++ b/gbpui/panels/application_policy/templates/application_policy/_add_policy_classifier.html
@@ -26,5 +26,5 @@
 
 
 {% block modal-js %}
-    <script src='/static/dashboard/js/horizon.protocolmap.js' type="text/javascript"></script>
+    <script src='{{ STATIC_URL }}dashboard/js/horizon.protocolmap.js' type="text/javascript"></script>
 {% endblock %}
diff --git a/gbpui/panels/application_policy/templates/application_policy/_update_policy_classifier.html b/gbpui/panels/application_policy/templates/application_policy/_update_policy_classifier.html
index c6aaa86..8b6efad 100644
--- a/gbpui/panels/application_policy/templates/application_policy/_update_policy_classifier.html
+++ b/gbpui/panels/application_policy/templates/application_policy/_update_policy_classifier.html
@@ -25,5 +25,5 @@
 {% endblock %} 
 
 {% block modal-js %}
-    <script src='/static/dashboard/js/horizon.protocolmap.js' type="text/javascript"></script>
+    <script src='{{ STATIC_URL }}dashboard/js/horizon.protocolmap.js' type="text/javascript"></script>
 {% endblock %}
diff --git a/gbpui/panels/network_services/tabs.py b/gbpui/panels/network_services/tabs.py
index 87f20ca..cb6b946 100644
--- a/gbpui/panels/network_services/tabs.py
+++ b/gbpui/panels/network_services/tabs.py
@@ -13,6 +13,7 @@
 import json
 import yaml
 
+from django.contrib.staticfiles.templatetags.staticfiles import static
 from django.core.urlresolvers import reverse_lazy
 from django.utils.translation import ugettext_lazy as _
 
@@ -164,7 +165,7 @@ class ServiceChainNodeDetailsTab(tabs.Tab):
                 node["text"] = key
             else:
                 node["text"] = key + " : " + str(value)
-                node["icon"] = "/static/dashboard/img/text.png"
+                node["icon"] = static("dashboard/img/text.png")
 
             tree.append(node)
         return json.dumps(tree)
@@ -206,7 +207,7 @@ class ServiceChainNodeDetailsTab(tabs.Tab):
                 node["text"] = key
             else:
                 node["text"] = key + " : " + str(value)
-                node["icon"] = "/static/dashboard/img/text.png"
+                node["icon"] = static("dashboard/img/text.png")
             arr.append(node)
         return arr
 
diff --git a/gbpui/panels/network_services/templates/network_services/_create_service_chain_spec.html b/gbpui/panels/network_services/templates/network_services/_create_service_chain_spec.html
index 36e37f6..e9b4997 100644
--- a/gbpui/panels/network_services/templates/network_services/_create_service_chain_spec.html
+++ b/gbpui/panels/network_services/templates/network_services/_create_service_chain_spec.html
@@ -8,7 +8,7 @@
 {% block modal-header %}{% trans "Create Service Chain Spec" %}{% endblock %}
 
 {% block modal-body %}
-<link href="/static/dashboard/css/scspec.css" rel='stylesheet' type='text/css'>
+<link href="{{ STATIC_URL }}dashboard/css/scspec.css" rel='stylesheet' type='text/css'>
 <div class="left">
     <fieldset>
 <table class="table-fixed" id="nodeListIdContainer">
@@ -51,7 +51,7 @@
 
 
 {% block modal-js %}
-<script src='/static/dashboard/js/horizon.scspec.js' type='text/javascript'></script>
+<script src='{{ STATIC_URL }}dashboard/js/horizon.scspec.js' type='text/javascript'></script>
   <script>
   if (typeof $ !== 'undefined') {
     horizon.Node.sc_init($(".workflow"));
diff --git a/gbpui/panels/network_services/templates/network_services/_scnode_details.html b/gbpui/panels/network_services/templates/network_services/_scnode_details.html
index 9da5f98..f631c0d 100644
--- a/gbpui/panels/network_services/templates/network_services/_scnode_details.html
+++ b/gbpui/panels/network_services/templates/network_services/_scnode_details.html
@@ -1,8 +1,9 @@
 {% load i18n sizeformat parse_date %}
 {% load url from future %}
+{% load staticfiles %}
 
 {% block css %}
-    <link href="/static/dashboard/css/jstree.css" rel='stylesheet' type='text/css'>
+    <link href="{% static "dashboard/css/jstree.css" %}" rel='stylesheet' type='text/css'>
 {% endblock %}
 <div class="info row detail">
 	<hr class="header_rule">
@@ -23,8 +24,8 @@
 	<dd>{{ scnode.shared }}</dd>
 
         <dt>
-            <img src="/static/dashboard/img/config_as_text.png"
-               data-swap="/static/dashboard/img/config_as_tree.png"
+            <img src="{% static "dashboard/img/config_as_text.png" %}"
+               data-swap="{% static "dashboard/img/config_as_tree.png" %}"
                id="display_format" alt="" > {% trans "Config" %}</dt>
         <dd >
             <div style="white-space:pre;display:none" id="config_text" >{{ scnode.config }} </div>
@@ -35,7 +36,7 @@
 </div>
 
 {% block custom_js %}
-<script src='/static/dashboard/js/jstree.min.js' type='text/javascript'></script>
+<script src='{% static "dashboard/js/jstree.min.js" %}' type='text/javascript'></script>
 <script type="text/javascript">
     function display_config_as_tree(){
         var data = JSON.stringify({{scnode.tree|safe}});
diff --git a/gbpui/panels/network_services/templates/network_services/_update_service_chain_spec.html b/gbpui/panels/network_services/templates/network_services/_update_service_chain_spec.html
index f8880e1..62a4467 100644
--- a/gbpui/panels/network_services/templates/network_services/_update_service_chain_spec.html
+++ b/gbpui/panels/network_services/templates/network_services/_update_service_chain_spec.html
@@ -8,7 +8,7 @@
 {% block modal-header %}{% trans "Update Service Chain Spec" %}{% endblock %}
 
 {% block modal-body %}
-<link href="/static/dashboard/css/scspec.css" rel='stylesheet' type='text/css'>
+<link href="{{ STATIC_URL }}dashboard/css/scspec.css" rel='stylesheet' type='text/css'>
 <div class="left">
 <table class="table-fixed" id="nodeListIdContainer">
   <tbody>
@@ -48,7 +48,7 @@
 
 
 {% block modal-js %}
-<script src='/static/dashboard/js/horizon.scspec.js' type='text/javascript'></script>
+<script src='{{ STATIC_URL }}dashboard/js/horizon.scspec.js' type='text/javascript'></script>
   <script>
   if (typeof $ !== 'undefined') {
     horizon.Node.sc_init($(".workflow"));
diff --git a/gbpui/static/dashboard/css/jstree.css b/gbpui/static/dashboard/css/jstree.css
index c54ed0e..608c7cd 100644
--- a/gbpui/static/dashboard/css/jstree.css
+++ b/gbpui/static/dashboard/css/jstree.css
@@ -392,7 +392,7 @@
 }
 .jstree-default .jstree-node,
 .jstree-default .jstree-icon {
-  background-image: url("/static/dashboard/img/32px.png");
+  background-image: url("../img/32px.png");
 }
 .jstree-default .jstree-node {
   background-position: -292px -4px;
@@ -488,13 +488,13 @@
   background-position: 0 0;
 }
 .jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
-  background: url("/static/dashboard/img/throbber.gif") center center no-repeat;
+  background: url("../img/throbber.gif") center center no-repeat;
 }
 .jstree-default .jstree-file {
-  background: url("/static/dashboard/img/32px.png") -100px -68px no-repeat;
+  background: url("../img/32px.png") -100px -68px no-repeat;
 }
 .jstree-default .jstree-folder {
-  background: url("/static/dashboard/img/32px.png") -260px -4px no-repeat;
+  background: url("../img/32px.png") -260px -4px no-repeat;
 }
 .jstree-default > .jstree-container-ul > .jstree-node {
   margin-left: 0;
@@ -506,7 +506,7 @@
 }
 #jstree-dnd.jstree-default .jstree-ok,
 #jstree-dnd.jstree-default .jstree-er {
-  background-image: url("/static/dashboard/img/32px.png");
+  background-image: url("../img/32px.png");
   background-repeat: no-repeat;
   background-color: transparent;
 }
@@ -556,7 +556,7 @@
 }
 .jstree-default-small .jstree-node,
 .jstree-default-small .jstree-icon {
-  background-image: url("/static/dashboard/img/32px.png");
+  background-image: url("../img/32px.png");
 }
 .jstree-default-small .jstree-node {
   background-position: -295px -7px;
@@ -652,13 +652,13 @@
   background-position: 0 0;
 }
 .jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
-  background: url("/static/dashboard/img/throbber.gif") center center no-repeat;
+  background: url("../img/throbber.gif") center center no-repeat;
 }
 .jstree-default-small .jstree-file {
-  background: url("/static/dashboard/img/32px.png") -103px -71px no-repeat;
+  background: url("../img/32px.png") -103px -71px no-repeat;
 }
 .jstree-default-small .jstree-folder {
-  background: url("/static/dashboard/img/32px.png") -263px -7px no-repeat;
+  background: url("../img/32px.png") -263px -7px no-repeat;
 }
 .jstree-default-small > .jstree-container-ul > .jstree-node {
   margin-left: 0;
@@ -670,7 +670,7 @@
 }
 #jstree-dnd.jstree-default-small .jstree-ok,
 #jstree-dnd.jstree-default-small .jstree-er {
-  background-image: url("/static/dashboard/img/32px.png");
+  background-image: url("../img/32px.png");
   background-repeat: no-repeat;
   background-color: transparent;
 }
@@ -720,7 +720,7 @@
 }
 .jstree-default-large .jstree-node,
 .jstree-default-large .jstree-icon {
-  background-image: url("/static/dashboard/img/32px.png");
+  background-image: url("../img/32px.png");
 }
 .jstree-default-large .jstree-node {
   background-position: -288px 0px;
@@ -816,13 +816,13 @@
   background-position: 0 0;
 }
 .jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
-  background: url("/static/dashboard/img/throbber.gif") center center no-repeat;
+  background: url("../img/throbber.gif") center center no-repeat;
 }
 .jstree-default-large .jstree-file {
-  background: url("/static/dashboard/img/32px.png") -96px -64px no-repeat;
+  background: url("../img/32px.png") -96px -64px no-repeat;
 }
 .jstree-default-large .jstree-folder {
-  background: url("/static/dashboard/img/32px.png") -256px 0px no-repeat;
+  background: url("../img/32px.png") -256px 0px no-repeat;
 }
 .jstree-default-large > .jstree-container-ul > .jstree-node {
   margin-left: 0;
@@ -834,7 +834,7 @@
 }
 #jstree-dnd.jstree-default-large .jstree-ok,
 #jstree-dnd.jstree-default-large .jstree-er {
-  background-image: url("/static/dashboard/img/32px.png");
+  background-image: url("../img/32px.png");
   background-repeat: no-repeat;
   background-color: transparent;
 }
@@ -869,12 +869,12 @@
     height: 40px;
   }
   #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
-    background-image: url("/static/dashboard/img/40px.png");
+    background-image: url("../img/40px.png");
     background-position: 0 -200px;
     background-size: 120px 240px;
   }
   #jstree-dnd.jstree-dnd-responsive > .jstree-er {
-    background-image: url("/static/dashboard/img/40px.png");
+    background-image: url("../img/40px.png");
     background-position: -40px -200px;
     background-size: 120px 240px;
   }
@@ -893,7 +893,7 @@
 	*/
   }
   .jstree-default-responsive .jstree-icon {
-    background-image: url("/static/dashboard/img/40px.png");
+    background-image: url("../img/40px.png");
   }
   .jstree-default-responsive .jstree-node,
   .jstree-default-responsive .jstree-leaf > .jstree-ocl {
@@ -995,7 +995,7 @@
   .jstree-default-responsive .jstree-node > .jstree-ocl,
   .jstree-default-responsive .jstree-themeicon,
   .jstree-default-responsive .jstree-checkbox {
-    background-image: url("/static/dashboard/img/40px.png");
+    background-image: url("../img/40px.png");
     background-size: 120px 240px;
   }
   .jstree-default-responsive .jstree-node {
@@ -1017,11 +1017,11 @@
     background-position: 0 0;
   }
   .jstree-default-responsive .jstree-file {
-    background: url("/static/dashboard/img/40px.png") 0 -160px no-repeat;
+    background: url("../img/40px.png") 0 -160px no-repeat;
     background-size: 120px 240px;
   }
   .jstree-default-responsive .jstree-folder {
-    background: url("/static/dashboard/img/40px.png") -40px -40px no-repeat;
+    background: url("../img/40px.png") -40px -40px no-repeat;
     background-size: 120px 240px;
   }
   .jstree-default-responsive > .jstree-container-ul > .jstree-node {
diff --git a/gbpui/static/dashboard/css/scspec.css b/gbpui/static/dashboard/css/scspec.css
index 2398eb6..82ede00 100644
--- a/gbpui/static/dashboard/css/scspec.css
+++ b/gbpui/static/dashboard/css/scspec.css
@@ -62,7 +62,7 @@
                     border-radius: 3px;
                     cursor: move;
                     padding-left: 23px;
-                    background: #ffffff url('/static/dashboard/img/drag.png?93ec7e23f795') no-repeat 11px 50%; }
+                    background: #ffffff url('../img/drag.png?93ec7e23f795') no-repeat 11px 50%; }
                     .nodelist li em {
                       font-size: 0.5em;
                       line-height: 1em;