diff --git a/src/pretix/control/templates/pretixcontrol/events/create_basics.html b/src/pretix/control/templates/pretixcontrol/events/create_basics.html
index dde74d8fe..9e7243249 100644
--- a/src/pretix/control/templates/pretixcontrol/events/create_basics.html
+++ b/src/pretix/control/templates/pretixcontrol/events/create_basics.html
@@ -27,6 +27,11 @@
references as an abbreviation to reference this event.
{% endblocktrans %}
+
+ {% blocktrans trimmed %}
+ We strongly recommend against using short forms of more then 16 characters.
+ {% endblocktrans %}
+
{% bootstrap_field form.date_from layout="control" %}
diff --git a/src/pretix/static/pretixcontrol/js/ui/main.js b/src/pretix/static/pretixcontrol/js/ui/main.js
index 1959784f6..e27ee8c2d 100644
--- a/src/pretix/static/pretixcontrol/js/ui/main.js
+++ b/src/pretix/static/pretixcontrol/js/ui/main.js
@@ -358,6 +358,10 @@ var form_handlers = function (el) {
el.find(".simple-subevent-choice").change(function () {
$(this).closest("form").submit();
});
+
+ el.find("input[name=basics-slug]").bind("keyup keydown change", function () {
+ $(this).closest(".form-group").find(".slug-length").toggle($(this).val().length > 16);
+ });
};
$(function () {
diff --git a/src/pretix/static/pretixcontrol/scss/main.scss b/src/pretix/static/pretixcontrol/scss/main.scss
index 39d27a3ea..3f53ee561 100644
--- a/src/pretix/static/pretixcontrol/scss/main.scss
+++ b/src/pretix/static/pretixcontrol/scss/main.scss
@@ -139,6 +139,9 @@ p.bigger {
.helper-display-inline {
display: inline !important;
}
+.helper-display-none-soft {
+ display: none;
+}
.helper-display-none {
display: none !important;
}