diff --git a/frontend/src/i18n/en.json b/frontend/src/i18n/en.json
index 985f1b4d..dd7615ae 100644
--- a/frontend/src/i18n/en.json
+++ b/frontend/src/i18n/en.json
@@ -79,6 +79,74 @@
         "functions-description": "Mathematical functions",
         "min-max-description": "Smallest/highest value"
     },
+    "edit-type-dialog": {
+        "delete-field-title": "Delete field",
+        "delete-field-message": "Do you really want to delete the field “{{fieldName}}”?",
+        "delete-field-button": "Delete",
+        "create-type-error": "Error creating type",
+        "save-type-error": "Error saving type",
+        "field-update-error": "Error updating field",
+        "field-disappeared-error": "The field cannot be found on the type anymore.",
+        "unique-field-name-error": "Multiple fields cannot have the same name.",
+        "title": "Edit Type",
+        "name": "Name",
+        "type": "Type",
+        "type-marker": "Marker",
+        "type-line": "Line",
+        "styles-introduction": "These styles are applied when a new object of this type is created. If “Fixed” is enabled, the style is applied to all objects of this type and cannot be changed for an individual object anymore. For more complex style control, dropdown or checkbox fields can be configured below to change the style based on their selected value.",
+        "default-colour": "Default colour",
+        "fixed": "Fixed",
+        "default-size": "Default size",
+        "default-icon": "Default icon",
+        "default-shape": "Default shape",
+        "default-width": "Default width",
+        "default-stroke": "Default stroke",
+        "default-route-mode": "Default routing mode",
+        "legend": "Legend",
+        "show-in-legend": "Show in legend",
+        "show-in-legend-description": "An item for this type will be shown in the legend. Any fixed style attributes are applied to it. Dropdown or checkbox fields that control the style generate additional legend items.",
+        "field-name": "Name",
+        "field-type": "Type",
+        "field-default-value": "Default value",
+        "field-delete": "Delete",
+        "field-type-input": "Text field",
+        "field-type-textarea": "Text area",
+        "field-type-dropdown": "Dropdown",
+        "field-type-checkbox": "Checkbox",
+        "field-edit": "Edit",
+        "field-reorder": "Reorder",
+        "field-add": "Add"
+    },
+    "edit-type-dropdown-dialog": {
+        "delete-option-title": "Delete option",
+        "delete-option-message": "Do you really want to delete the option “{{option.value}}”?",
+        "delete-option-button": "Delete",
+        "unique-value-error": "Multiple options cannot have the same label.",
+        "no-options-error": "Controlling fields need to have at least one option.",
+        "title-checkbox": "Edit Checkbox",
+        "title-dropdown": "Edit Dropdown",
+        "ok-button": "OK",
+        "control": "Control",
+        "control-interpolation-marker": "marker",
+        "control-interpolation-line": "line",
+        "control-colour": "Control {{type}} colour",
+        "control-size": "Control {{type}} size",
+        "control-icon": "Control {{type}} icon",
+        "control-shape": "Control {{type}} shape",
+        "control-width": "Control {{type}} width",
+        "control-stroke": "Control {{type}} stroke",
+        "option": "Option",
+        "label": "Label (for legend)",
+        "colour": "Colour",
+        "size": "Size",
+        "icon": "Icon",
+        "shape": "Shape",
+        "width": "Width",
+        "stroke": "Stroke",
+        "option-remove": "Remove",
+        "option-reorder": "Reorder",
+        "option-add": "Add"
+    },
     "modal-dialog": {
         "close": "Close",
         "cancel": "Cancel",
diff --git a/frontend/src/lib/components/edit-type-dialog/edit-type-dialog.vue b/frontend/src/lib/components/edit-type-dialog/edit-type-dialog.vue
index 2a2ab62c..d2049bdf 100644
--- a/frontend/src/lib/components/edit-type-dialog/edit-type-dialog.vue
+++ b/frontend/src/lib/components/edit-type-dialog/edit-type-dialog.vue
@@ -21,11 +21,13 @@
 	import { injectContextRequired, requireClientContext } from "../facil-map-context-provider/facil-map-context-provider.vue";
 	import ValidatedField from "../ui/validated-form/validated-field.vue";
 	import StrokePicker from "../ui/stroke-picker.vue";
+	import { useI18n } from "../../utils/i18n";
 
 	const context = injectContextRequired();
 	const client = requireClientContext(context);
 
 	const toasts = useToasts();
+	const i18n = useI18n();
 
 	const props = defineProps<{
 		typeId: ID | "createMarkerType" | "createLineType";
@@ -93,10 +95,10 @@
 
 	async function deleteField(field: Field): Promise<void> {
 		if (!await showConfirm({
-			title: "Delete field",
-			message: `Do you really want to delete the field “${field.name}”?`,
+			title: i18n.t("edit-type-dialog.delete-field-title"),
+			message: i18n.t("edit-type-dialog.delete-field-message", { fieldName: field.name }),
 			variant: "danger",
-			okLabel: "Delete"
+			okLabel: i18n.t("edit-type-dialog.delete-field-button")
 		}))
 			return;
 
@@ -116,7 +118,11 @@
 
 			modalRef.value?.modal.hide();
 		} catch (err) {
-			toasts.showErrorToast(`fm${context.id}-edit-type-error`, isCreate.value ? "Error creating type" : "Error saving type", err);
+			toasts.showErrorToast(
+				`fm${context.id}-edit-type-error`,
+				isCreate.value ? i18n.t("edit-type-dialog.create-type-error") : i18n.t("edit-type-dialog.save-type-error"),
+				err
+			);
 		}
 	}
 
@@ -126,21 +132,26 @@
 
 	function handleUpdateField(field: Field) {
 		const idx = type.value.fields.indexOf(editField.value!);
-		if (idx === -1)
-			toasts.showErrorToast(`fm${context.id}-edit-type-dropdown-error`, "Error updating field", new Error("The field cannot be found on the type anymore."));
+		if (idx === -1) {
+			toasts.showErrorToast(
+				`fm${context.id}-edit-type-dropdown-error`,
+				i18n.t("edit-type-dialog.field-update-error"),
+				new Error(i18n.t("edit-type-dialog.field-disappeared-error"))
+			);
+		}
 		type.value.fields[idx] = field;
 	}
 
 	function validateFieldName(name: string) {
 		if (type.value.fields.filter((field) => field.name == name).length > 1) {
-			return "Multiple fields cannot have the same name.";
+			return i18n.t("edit-type-dialog.unique-field-name-error");
 		}
 	}
 </script>
 
 <template>
 	<ModalDialog
-		title="Edit Type"
+		:title="i18n.t('edit-type-dialog.title')"
 		class="fm-edit-type"
 		:isModified="isModified"
 		:isCreate="isCreate"
@@ -149,7 +160,7 @@
 		@hidden="emit('hidden')"
 	>
 		<div class="row mb-3">
-			<label :for="`${id}-name-input`" class="col-sm-3 col-form-label">Name</label>
+			<label :for="`${id}-name-input`" class="col-sm-3 col-form-label">{{i18n.t("edit-type-dialog.name")}}</label>
 			<ValidatedField
 				:value="type.name"
 				:validators="[validateRequired, getZodValidator(typeValidator.update.shape.name)]"
@@ -165,7 +176,7 @@
 		</div>
 
 		<div class="row mb-3">
-			<label :for="`${id}-type-input`" class="col-sm-3 col-form-label">Type</label>
+			<label :for="`${id}-type-input`" class="col-sm-3 col-form-label">{{i18n.t("edit-type-dialog.type")}}</label>
 			<div class="col-sm-9">
 				<select
 					:id="`${id}-type-input`"
@@ -173,8 +184,8 @@
 					class="form-select"
 					disabled
 				>
-					<option value="marker">Marker</option>
-					<option value="line">Line</option>
+					<option value="marker">{{i18n.t("edit-type-dialog.type-marker")}}</option>
+					<option value="line">{{i18n.t("edit-type-dialog.type-line")}}</option>
 				</select>
 			</div>
 		</div>
@@ -183,14 +194,12 @@
 			<hr/>
 
 			<p class="text-muted">
-				These styles are applied when a new object of this type is created. If “Fixed” is enabled, the style is applied to all objects
-				of this type and cannot be changed for an individual object anymore. For more complex style control, dropdown or checkbox fields
-				can be configured below to change the style based on their selected value.
+				{{i18n.t("edit-type-dialog.styles-introduction")}}
 			</p>
 
 			<template v-if="resolvedCanControl.includes('colour')">
 				<div class="row mb-3">
-					<label :for="`${id}-default-colour-input`" class="col-sm-3 col-form-label">Default colour</label>
+					<label :for="`${id}-default-colour-input`" class="col-sm-3 col-form-label">{{i18n.t("edit-type-dialog.default-colour")}}</label>
 					<div class="col-sm-9">
 						<div class="row align-items-center">
 							<div class="col-sm-9">
@@ -207,7 +216,7 @@
 										:id="`${id}-default-colour-fixed`"
 										v-model="type.colourFixed"
 									/>
-									<label :for="`${id}-default-colour-fixed`" class="form-check-label">Fixed</label>
+									<label :for="`${id}-default-colour-fixed`" class="form-check-label">{{i18n.t("edit-type-dialog.fixed")}}</label>
 								</div>
 							</div>
 						</div>
@@ -217,7 +226,7 @@
 
 			<template v-if="resolvedCanControl.includes('size')">
 				<div class="row mb-3">
-					<label :for="`${id}-default-size-input`" class="col-sm-3 col-form-label">Default size</label>
+					<label :for="`${id}-default-size-input`" class="col-sm-3 col-form-label">{{i18n.t("edit-type-dialog.default-size")}}</label>
 					<div class="col-sm-9">
 						<div class="row align-items-center">
 							<div class="col-sm-9">
@@ -235,7 +244,7 @@
 										:id="`${id}-default-size-fixed`"
 										v-model="type.sizeFixed"
 									/>
-									<label :for="`${id}-default-size-fixed`" class="form-check-label">Fixed</label>
+									<label :for="`${id}-default-size-fixed`" class="form-check-label">{{i18n.t("edit-type-dialog.fixed")}}</label>
 								</div>
 							</div>
 						</div>
@@ -245,7 +254,7 @@
 
 			<template v-if="resolvedCanControl.includes('symbol')">
 				<div class="row mb-3">
-					<label :for="`${id}-default-symbol-input`" class="col-sm-3 col-form-label">Default icon</label>
+					<label :for="`${id}-default-symbol-input`" class="col-sm-3 col-form-label">{{i18n.t("edit-type-dialog.default-icon")}}</label>
 					<div class="col-sm-9">
 						<div class="row align-items-center">
 							<div class="col-sm-9">
@@ -262,7 +271,7 @@
 										:id="`${id}-default-symbol-fixed`"
 										v-model="type.symbolFixed"
 									/>
-									<label :for="`${id}-default-symbol-fixed`" class="form-check-label">Fixed</label>
+									<label :for="`${id}-default-symbol-fixed`" class="form-check-label">{{i18n.t("edit-type-dialog.fixed")}}</label>
 								</div>
 							</div>
 						</div>
@@ -272,7 +281,7 @@
 
 			<template v-if="resolvedCanControl.includes('shape')">
 				<div class="row mb-3">
-					<label :for="`${id}-default-shape-input`" class="col-sm-3 col-form-label">Default shape</label>
+					<label :for="`${id}-default-shape-input`" class="col-sm-3 col-form-label">{{i18n.t("edit-type-dialog.default-shape")}}</label>
 					<div class="col-sm-9">
 						<div class="row align-items-center">
 							<div class="col-sm-9">
@@ -289,7 +298,7 @@
 										:id="`${id}-default-shape-fixed`"
 										v-model="type.shapeFixed"
 									/>
-									<label :for="`${id}-default-shape-fixed`" class="form-check-label">Fixed</label>
+									<label :for="`${id}-default-shape-fixed`" class="form-check-label">{{i18n.t("edit-type-dialog.fixed")}}</label>
 								</div>
 							</div>
 						</div>
@@ -299,7 +308,7 @@
 
 			<template v-if="resolvedCanControl.includes('width')">
 				<div class="row mb-3">
-					<label :for="`${id}-default-width-input`" class="col-sm-3 col-form-label">Default width</label>
+					<label :for="`${id}-default-width-input`" class="col-sm-3 col-form-label">{{i18n.t("edit-type-dialog.default-width")}}</label>
 					<div class="col-sm-9">
 						<div class="row align-items-center">
 							<div class="col-sm-9">
@@ -317,7 +326,7 @@
 										:id="`${id}-default-width-fixed`"
 										v-model="type.widthFixed"
 									/>
-									<label :for="`${id}-default-width-fixed`" class="form-check-label">Fixed</label>
+									<label :for="`${id}-default-width-fixed`" class="form-check-label">{{i18n.t("edit-type-dialog.fixed")}}</label>
 								</div>
 							</div>
 						</div>
@@ -327,7 +336,7 @@
 
 			<template v-if="resolvedCanControl.includes('stroke')">
 				<div class="row mb-3">
-					<label :for="`${id}-default-stroke-input`" class="col-sm-3 col-form-label">Default stroke</label>
+					<label :for="`${id}-default-stroke-input`" class="col-sm-3 col-form-label">{{i18n.t("edit-type-dialog.default-stroke")}}</label>
 					<div class="col-sm-9">
 						<div class="row align-items-center">
 							<div class="col-sm-9">
@@ -344,7 +353,7 @@
 										:id="`${id}-default-stroke-fixed`"
 										v-model="type.strokeFixed"
 									/>
-									<label :for="`${id}-default-stroke-fixed`" class="form-check-label">Fixed</label>
+									<label :for="`${id}-default-stroke-fixed`" class="form-check-label">{{i18n.t("edit-type-dialog.fixed")}}</label>
 								</div>
 							</div>
 						</div>
@@ -354,7 +363,7 @@
 
 			<template v-if="resolvedCanControl.includes('mode')">
 				<div class="row mb-3">
-					<label :for="`${id}-default-mode-input`" class="col-sm-3 col-form-label">Default routing mode</label>
+					<label :for="`${id}-default-mode-input`" class="col-sm-3 col-form-label">{{i18n.t("edit-type-dialog.default-route-mode")}}</label>
 					<div class="col-sm-9">
 						<div class="row align-items-center">
 							<div class="col-sm-9">
@@ -371,7 +380,7 @@
 										:id="`${id}-default-mode-fixed`"
 										v-model="type.modeFixed"
 									/>
-									<label :for="`${id}-default-mode-fixed`" class="form-check-label">Fixed</label>
+									<label :for="`${id}-default-mode-fixed`" class="form-check-label">{{i18n.t("edit-type-dialog.fixed")}}</label>
 								</div>
 							</div>
 						</div>
@@ -383,7 +392,7 @@
 		</template>
 
 		<div class="row mb-3">
-			<label :for="`${id}-show-in-legend-input`" class="col-sm-3 col-form-label">Legend</label>
+			<label :for="`${id}-show-in-legend-input`" class="col-sm-3 col-form-label">{{i18n.t("edit-type-dialog.legend")}}</label>
 			<div class="col-sm-9">
 				<div class="form-check fm-form-check-with-label">
 					<input
@@ -392,23 +401,23 @@
 						:id="`${id}-show-in-legend-input`"
 						v-model="type.showInLegend"
 					/>
-					<label :for="`${id}-show-in-legend-input`" class="form-check-label">Show in legend</label>
+					<label :for="`${id}-show-in-legend-input`" class="form-check-label">{{i18n.t("edit-type-dialog.show-in-legend")}}</label>
 				</div>
 				<div class="form-text">
-					An item for this type will be shown in the legend. Any fixed style attributes are applied to it. Dropdown or checkbox fields that control the style generate additional legend items.
+					{{i18n.t("edit-type-dialog.show-in-legend-description")}}
 				</div>
 			</div>
 		</div>
 
 		<h2>Fields</h2>
-		<div class="table-responseive">
+		<div class="table-responsive">
 			<table class="table table-hover table-striped">
 				<thead>
 					<tr>
-						<th style="width: 35%; min-width: 150px">Name</th>
-						<th style="width: 35%; min-width: 120px">Type</th>
-						<th style="width: 35%; min-width: 150px">Default value</th>
-						<th>Delete</th>
+						<th style="width: 35%; min-width: 150px">{{i18n.t("edit-type-dialog.field-name")}}</th>
+						<th style="width: 35%; min-width: 120px">{{i18n.t("edit-type-dialog.field-type")}}</th>
+						<th style="width: 35%; min-width: 150px">{{i18n.t("edit-type-dialog.field-default-value")}}</th>
+						<th>{{i18n.t("edit-type-dialog.field-delete")}}</th>
 						<th></th>
 					</tr>
 				</thead>
@@ -440,13 +449,13 @@
 							<td>
 								<div class="input-group">
 									<select class="form-select" v-model="field.type">
-										<option value="input">Text field</option>
-										<option value="textarea">Text area</option>
-										<option value="dropdown">Dropdown</option>
-										<option value="checkbox">Checkbox</option>
+										<option value="input">{{i18n.t("edit-type-dialog.field-type-input")}}</option>
+										<option value="textarea">{{i18n.t("edit-type-dialog.field-type-textarea")}}</option>
+										<option value="dropdown">{{i18n.t("edit-type-dialog.field-type-dropdown")}}</option>
+										<option value="checkbox">{{i18n.t("edit-type-dialog.field-type-checkbox")}}</option>
 									</select>
 									<template v-if="['dropdown', 'checkbox'].includes(field.type)">
-										<button type="button" class="btn btn-secondary" @click="editDropdown(field)">Edit</button>
+										<button type="button" class="btn btn-secondary" @click="editDropdown(field)">{{i18n.t("edit-type-dialog.field-edit")}}</button>
 									</template>
 								</div>
 							</td>
@@ -454,10 +463,10 @@
 								<FieldInput :field="field" v-model="field.default" ignore-default></FieldInput>
 							</td>
 							<td class="td-buttons">
-								<button type="button" class="btn btn-secondary" @click="deleteField(field)">Delete</button>
+								<button type="button" class="btn btn-secondary" @click="deleteField(field)">{{i18n.t("edit-type-dialog.field-delete")}}</button>
 							</td>
 							<td class="td-buttons">
-								<button type="button" class="btn btn-secondary fm-drag-handle"><Icon icon="resize-vertical" alt="Reorder"></Icon></button>
+								<button type="button" class="btn btn-secondary fm-drag-handle"><Icon icon="resize-vertical" :alt="i18n.t('edit-type-dialog.field-reorder')"></Icon></button>
 							</td>
 						</tr>
 					</template>
@@ -465,7 +474,7 @@
 				<tfoot>
 					<tr>
 						<td colspan="4">
-							<button type="button" class="btn btn-secondary" @click="createField()"><Icon icon="plus" alt="Add"></Icon></button>
+							<button type="button" class="btn btn-secondary" @click="createField()"><Icon icon="plus" :alt="i18n.t('edit-type-dialog.field-add')"></Icon></button>
 						</td>
 						<td class="move"></td>
 					</tr>
diff --git a/frontend/src/lib/components/edit-type-dialog/edit-type-dropdown-dialog.vue b/frontend/src/lib/components/edit-type-dialog/edit-type-dropdown-dialog.vue
index 2cec695a..61444cec 100644
--- a/frontend/src/lib/components/edit-type-dialog/edit-type-dropdown-dialog.vue
+++ b/frontend/src/lib/components/edit-type-dialog/edit-type-dropdown-dialog.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 	import type { CRU, Field, FieldOptionUpdate, FieldUpdate, Type } from "facilmap-types";
-	import { canControl, mergeObject } from "facilmap-utils";
+	import { canControl, formatCheckboxValue, mergeObject } from "facilmap-utils";
 	import { getUniqueId } from "../../utils/utils";
 	import { cloneDeep, isEqual } from "lodash-es";
 	import ColourPicker from "../ui/colour-picker.vue";
@@ -17,6 +17,7 @@
 	import { injectContextRequired } from "../facil-map-context-provider/facil-map-context-provider.vue";
 	import ValidatedField from "../ui/validated-form/validated-field.vue";
 	import StrokePicker from "../ui/stroke-picker.vue";
+	import { useI18n } from "../../utils/i18n";
 
 	function getControlNumber(type: Type<CRU.READ | CRU.CREATE_VALIDATED>, field: FieldUpdate): number {
 		return [
@@ -35,6 +36,7 @@
 
 	const context = injectContextRequired();
 	const toasts = useToasts();
+	const i18n = useI18n();
 
 	const props = defineProps<{
 		type: Type<CRU.READ | CRU.CREATE_VALIDATED>;
@@ -100,10 +102,10 @@
 
 	async function deleteOption(option: FieldOptionUpdate): Promise<void> {
 		if (!await showConfirm({
-			title: "Delete option",
-			message: `Do you really want to delete the option “${option.value}”?`,
+			title: i18n.t("edit-type-dropdown-dialog.delete-option-title"),
+			message: i18n.t("edit-type-dropdown-dialog.delete-option-message", { value: option.value }),
 			variant: "danger",
-			okLabel: "Delete"
+			okLabel: i18n.t("edit-type-dropdown-dialog.delete-option-button")
 		}))
 			return;
 
@@ -124,33 +126,41 @@
 
 	function validateOptionValue(value: string): string | undefined {
 		if (fieldValue.value.type !== "checkbox" && fieldValue.value.options!.filter((op) => op.value === value).length > 1) {
-			return "Multiple options cannot have the same label.";
+			return i18n.t("edit-type-dropdown-dialog.unique-value-error");
 		}
 	}
 
 	const formValidationError = computed(() => {
 		if (controlNumber.value > 0 && (fieldValue.value.options?.length ?? 0) === 0) {
-			return "Controlling fields need to have at least one option.";
+			return i18n.t("edit-type-dropdown-dialog.no-options-error");
 		} else {
 			return undefined;
 		}
 	});
+
+	const typeInterpolation = computed(() => {
+		if (props.type.type === "marker") {
+			return i18n.t("edit-type-dropdown-dialog.control-interpolation-marker");
+		} else {
+			return i18n.t("edit-type-dropdown-dialog.control-interpolation-line");
+		}
+	});
 </script>
 
 <template>
 	<ModalDialog
-		:title="`Edit ${fieldValue.type == 'checkbox' ? 'Checkbox' : 'Dropdown'}`"
+		:title="fieldValue.type === 'checkbox' ? i18n.t('edit-type-dropdown-dialog.title-checkbox') : i18n.t('edit-type-dropdown-dialog.title-dropdown')"
 		class="fm-edit-type-dropdown"
 		:isModified="isModified"
 		@submit="save()"
 		@hidden="emit('hidden')"
 		:size="fieldValue && controlNumber > 2 ? 'xl' : 'lg'"
-		:okLabel="isModified ? 'OK' : undefined"
+		:okLabel="isModified ? i18n.t('edit-type-dropdown-dialog.ok-button') : undefined"
 		:formValidationError="formValidationError"
 		ref="modalRef"
 	>
 		<div class="row mb-3">
-			<label class="col-sm-3 col-form-label">Control</label>
+			<label class="col-sm-3 col-form-label">{{i18n.t("edit-type-dropdown-dialog.control")}}</label>
 			<div class="col-sm-9">
 				<div class="form-check fm-form-check-with-label">
 					<input
@@ -164,7 +174,7 @@
 						class="form-check-label"
 						:for="`${id}-control-colour`"
 					>
-						Control {{type.type}} colour
+						{{i18n.t("edit-type-dropdown-dialog.control-colour", { type: typeInterpolation })}}
 					</label>
 				</div>
 
@@ -180,7 +190,7 @@
 						class="form-check-label"
 						:for="`${id}-control-size`"
 					>
-						Control {{type.type}} size
+						{{i18n.t("edit-type-dropdown-dialog.control-size", { type: typeInterpolation })}}
 					</label>
 				</div>
 
@@ -196,7 +206,7 @@
 						class="form-check-label"
 						:for="`${id}-control-symbol`"
 					>
-						Control {{type.type}} icon
+						{{i18n.t("edit-type-dropdown-dialog.control-icon", { type: typeInterpolation })}}
 					</label>
 				</div>
 
@@ -212,7 +222,7 @@
 						class="form-check-label"
 						:for="`${id}-control-shape`"
 					>
-						Control {{type.type}} shape
+						{{i18n.t("edit-type-dropdown-dialog.control-shape", { type: typeInterpolation })}}
 					</label>
 				</div>
 
@@ -228,7 +238,7 @@
 						class="form-check-label"
 						:for="`${id}-control-width`"
 					>
-						Control {{type.type}} width
+						{{i18n.t("edit-type-dropdown-dialog.control-width", { type: typeInterpolation })}}
 					</label>
 				</div>
 
@@ -244,7 +254,7 @@
 						class="form-check-label"
 						:for="`${id}-control-stroke`"
 					>
-						Control {{type.type}} stroke
+						{{i18n.t("edit-type-dropdown-dialog.control-stroke", { type: typeInterpolation })}}
 					</label>
 				</div>
 			</div>
@@ -252,14 +262,14 @@
 		<table v-if="fieldValue.type != 'checkbox' || controlNumber > 0" class="table table-striped table-hover">
 			<thead>
 				<tr>
-					<th>Option</th>
-					<th v-if="fieldValue.type == 'checkbox'">Label (for legend)</th>
-					<th v-if="fieldValue.controlColour">Colour</th>
-					<th v-if="fieldValue.controlSize">Size</th>
-					<th v-if="fieldValue.controlSymbol">Icon</th>
-					<th v-if="fieldValue.controlShape">Shape</th>
-					<th v-if="fieldValue.controlWidth">Width</th>
-					<th v-if="fieldValue.controlStroke">Stroke</th>
+					<th>{{i18n.t("edit-type-dropdown-dialog.option")}}</th>
+					<th v-if="fieldValue.type == 'checkbox'">{{i18n.t("edit-type-dropdown-dialog.label")}}</th>
+					<th v-if="fieldValue.controlColour">{{i18n.t("edit-type-dropdown-dialog.colour")}}</th>
+					<th v-if="fieldValue.controlSize">{{i18n.t("edit-type-dropdown-dialog.size")}}</th>
+					<th v-if="fieldValue.controlSymbol">{{i18n.t("edit-type-dropdown-dialog.icon")}}</th>
+					<th v-if="fieldValue.controlShape">{{i18n.t("edit-type-dropdown-dialog.shape")}}</th>
+					<th v-if="fieldValue.controlWidth">{{i18n.t("edit-type-dropdown-dialog.width")}}</th>
+					<th v-if="fieldValue.controlStroke">{{i18n.t("edit-type-dropdown-dialog.stroke")}}</th>
 					<th v-if="fieldValue.type != 'checkbox'"></th>
 					<th v-if="fieldValue.type != 'checkbox'" class="move"></th>
 				</tr>
@@ -273,7 +283,7 @@
 				<template #item="{ element: option, index: idx }">
 					<tr>
 						<td v-if="fieldValue.type == 'checkbox'">
-							<strong>{{idx === 0 ? '✘' : '✔'}}</strong>
+							<strong>{{formatCheckboxValue(idx === 0 ? "0" : "1")}}</strong>
 						</td>
 						<ValidatedField
 							tag="td"
@@ -331,10 +341,10 @@
 							></StrokePicker>
 						</td>
 						<td v-if="fieldValue.type != 'checkbox'" class="td-buttons">
-							<button type="button" class="btn btn-secondary" @click="deleteOption(option)"><Icon icon="minus" alt="Remove"></Icon></button>
+							<button type="button" class="btn btn-secondary" @click="deleteOption(option)"><Icon icon="minus" :alt="i18n.t('edit-type-dropdown-dialog.option-remove')"></Icon></button>
 						</td>
 						<td v-if="fieldValue.type != 'checkbox'" class="td-buttons">
-							<button type="button" class="btn btn-secondary fm-drag-handle"><Icon icon="resize-vertical" alt="Reorder"></Icon></button>
+							<button type="button" class="btn btn-secondary fm-drag-handle"><Icon icon="resize-vertical" :alt="i18n.t('edit-type-dropdown-dialog.option-reorder')"></Icon></button>
 						</td>
 					</tr>
 				</template>
@@ -342,7 +352,7 @@
 			<tfoot v-if="fieldValue.type != 'checkbox'">
 				<tr>
 					<td :colspan="columns">
-						<button type="button" class="btn btn-secondary" @click="addOption()"><Icon icon="plus" alt="Add"></Icon></button>
+						<button type="button" class="btn btn-secondary" @click="addOption()"><Icon icon="plus" :alt="i18n.t('edit-type-dropdown-dialog.option-add')"></Icon></button>
 					</td>
 				</tr>
 			</tfoot>
diff --git a/utils/src/format.ts b/utils/src/format.ts
index a1830bc7..bda25e54 100644
--- a/utils/src/format.ts
+++ b/utils/src/format.ts
@@ -16,13 +16,17 @@ const markdownOptions: MarkedOptions = {
 	breaks: true
 };
 
+export function formatCheckboxValue(value: string): string {
+	return value == "1" ? "✔" : "✘";
+}
+
 export function formatField(field: Field, value: string | undefined, html: boolean): string {
 	const normalizedValue = normalizeFieldValue(field, value);
 	switch(field.type) {
 		case "textarea":
 			return markdownBlock(normalizedValue, html);
 		case "checkbox":
-			return normalizedValue == "1" ? "✔" : "✘";
+			return formatCheckboxValue(normalizedValue);
 		case "dropdown":
 			return (html ? quoteHtml(normalizedValue) : normalizedValue) || "";
 		case "input":