65 - Bootstrap Alert with Messages

MaggieChege · Jul 23, 2015 · 7296118 · 7296118
1 parent 78f704a
commit 7296118
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 5 deletions.
diff --git a/src/db.sqlite3 b/src/db.sqlite3
diff --git a/src/questions/views.py b/src/questions/views.py
@@ -60,7 +60,8 @@ def single(request, id):
 			user_answer.save()
 
 			if updated_q:
-				messages.success(request, "Your response was updated successfully.", extra_tags='updated')
+				messages.success(request, "Your response was updated successfully.<br/><a href='#'>Hello</a>", extra_tags='safe updated')
+
 			else:
 				messages.success(request, "Your response was saved successfully.")
 

diff --git a/src/templates/base.html b/src/templates/base.html
@@ -16,7 +16,12 @@
     {% include 'head_css.html' %}
 
       <style>
+      .alert-top-message {
+        margin-top: -19px;
+      }
       {% block style %}{% endblock %}
+
+
       </style>
 
 
@@ -26,11 +31,13 @@
   <body>
   {% include 'navbar.html' %}
   {% if messages %}
-<ul class="messages">
-    {% for message in messages %}
-    <li{% if message.tags %} class="{{ messages.tags }}"{% endif %}>{{ message }}</li>
+  <div class='alert alert-success alert-top-message'>
+  <div class='container text-center'>
+     {% for message in messages %}
+    {% if "safe" in message.tags %}{{ message|safe }}{% else %}{{ message }} {% endif %}<br/>
     {% endfor %}
-</ul>
+  </div>
+  </div>
 {% endif %}