summaryrefslogtreecommitdiffstats
path: root/doc/design_guidelines
diff options
context:
space:
mode:
Diffstat (limited to 'doc/design_guidelines')
-rw-r--r--doc/design_guidelines47
1 files changed, 47 insertions, 0 deletions
diff --git a/doc/design_guidelines b/doc/design_guidelines
new file mode 100644
index 00000000..defc626c
--- /dev/null
+++ b/doc/design_guidelines
@@ -0,0 +1,47 @@
+Design Guidelines
+=================
+
+Buttons on the right-hand side if possible.
+
+Button order from left to right: secondary action (cancel etc), primary action (save etc)
+
+Single buttons: normal size, glyphicon and text
+Multiple buttons with the same action (e.g. in a table): btn-sm, glyphicon only, no text
+
+Button colors:
+ Action with irreversible consequences (e.g. delete) = red (btn-danger)
+ Primary action (e.g. save) = blue (btn-primary)
+ Add/Create = green (btn-success)
+ speciel actions (e.g. send test mail) = yellow (btn-warning)
+ Secondary action (e.g. cancel) = white (btn-default)
+
+Prefered glyphicons:
+ add (create) = glyphicon-plus
+ add (assign) = glyphicon-share-alt
+ delete = glyphicon-trash
+ remove = glyphicon-remove
+ save = glyphicon-floppy-disk
+ edit = glyphicon-edit
+ cancel = no glyphicon
+ reset = glyphicon-refresh
+ help = glyphicon-question-sign
+ download = glyphicon-download-alt
+ settings = glyphicon-cog
+
+Tables should be sortable if it makes sense (using the stupidtable-plugin).
+Every column should have a heading.
+
+Bootstrap styled checkboxes and radiobuttons
+
+Modals with an action should have a cancel button.
+Info-modals without an action: no buttons in footer. only x-button in the top right corner to close the modal.
+
+Modals instead of confirm()
+
+Module heading in the top left corner
+
+Subheadings in panels
+
+Saving changes only after using the save button
+
+