diff --git a/dashboard/src/components/app/Location.vue b/dashboard/src/components/app/Location.vue
new file mode 100644
index 000000000..0eff61a9c
--- /dev/null
+++ b/dashboard/src/components/app/Location.vue
@@ -0,0 +1,150 @@
+<script setup>
+
+import { ref, onMounted, computed } from 'vue';
+import { Button, SingleSelect, InputGroup, FormGroup, TextInput } from 'pankow';
+import AppsModel from '../../models/AppsModel.js';
+import DomainsModel from '../../models/DomainsModel.js';
+
+const props = defineProps([ 'app' ]);
+
+const appsModel = AppsModel.create();
+const domainsModel = DomainsModel.create();
+
+const domains = ref([]);
+const busy = ref(false);
+const errorMessage = ref('');
+const overwriteDns = ref(false);
+const needsOverwriteDns = ref(false);
+const domain = ref('');
+const subdomain = ref('');
+const provider = computed(() => {
+  const d = domains.value.find(d => d.domain === domain.value);
+  return d ? d.provider : '';
+});
+const secondaryDomains = ref({});
+const aliasDomains = ref([]);
+
+function onAddAliasDomain() {
+  aliasDomains.value.push({
+    domain: '',
+    subdomain: ''
+  });
+}
+
+function onRemoveAliasDomain(index) {
+  aliasDomains.value.splice(index, 1);
+}
+
+async function onSubmit() {
+  busy.value = true;
+  errorMessage.value = '';
+  needsOverwriteDns.value = false;
+
+  const checkForDomains = [{
+    domain: domain.value,
+    subdomain: subdomain.value,
+  }];
+
+  for (const d in secondaryDomains.value) checkForDomains.push({ domain: secondaryDomains.value[d].domain, subdomain: secondaryDomains.value[d].subdomain });
+  for (const d of aliasDomains.value) checkForDomains.push({ domain: d.domain, subdomain: d.subdomain });
+
+  for (const d of checkForDomains) {
+    const [error, result] = await domainsModel.checkRecords(d.domain, d.subdomain);
+    if (error) {
+      errorMessage.value = error.body ? error.body.message : 'Internal error';
+      busy.value = false;
+      return console.error(error);
+    }
+    if (result.needsOverwrite) return needsOverwriteDns.value = true;
+  }
+
+  const data = {
+    overwriteDns: overwriteDns.value,
+    subdomain: subdomain.value,
+    domain: domain.value,
+    ports: {}, // TODO
+    secondaryDomains: secondaryDomains.value,
+    redirectDomains: [], // TODO
+    aliasDomains: aliasDomains.value,
+  };
+
+  const [error] = await appsModel.configure(props.app.id, 'location', data);
+  if (error) {
+    errorMessage.value = error.body ? error.body.message : 'Internal error';
+    busy.value = false;
+    return console.error(error);
+  }
+
+  busy.value = false;
+}
+
+onMounted(async () => {
+  const [error, result] = await domainsModel.list();
+  if (error) return console.error(error);
+
+  domains.value = result;
+
+  subdomain.value = props.app.subdomain;
+  domain.value = props.app.domain;
+
+  // map manifest httpPorts into existing secondary domains from app
+  secondaryDomains.value = props.app.manifest.httpPorts || {};
+  for (const d of props.app.secondaryDomains) {
+    if (!secondaryDomains.value[d.environmentVariable]) continue;
+    secondaryDomains.value[d.environmentVariable].domain = d.domain;
+    secondaryDomains.value[d.environmentVariable].subdomain = d.subdomain;
+  }
+
+  aliasDomains.value = props.app.aliasDomains;
+});
+
+</script>
+
+<template>
+  <div>
+    <form @submit.prevent="onSubmit()" autocomplete="off" novalidate>
+      <fieldset :disabled="busy">
+        <input type="submit" style="display: none;" :disabled="app.error || app.taskId"/>
+
+        <FormGroup>
+          <label>{{ $t('app.location.location') }}</label>
+          <div class="has-error" v-if="errorMessage">{{ errorMessage }}</div>
+
+          <InputGroup style="flex-grow: 1">
+            <TextInput style="flex-grow: 1" v-model="subdomain" :placeholder="$t('app.location.locationPlaceholder')"/>
+            <SingleSelect :disabled="busy" :options="domains" v-model="domain" option-key="domain" option-label="domain"/>
+          </InputGroup>
+        </FormGroup>
+
+        <FormGroup v-for="secondaryDomain in secondaryDomains" :key="secondaryDomain.containerPort">
+          <label :for="'secondaryDomainInput' + secondaryDomain.containerPort">{{ secondaryDomain.title }}</label>
+          <small>{{ secondaryDomain.description }}</small>
+          <InputGroup style="flex-grow: 1">
+            <TextInput style="flex-grow: 1" :id="'secondaryDomainInput' + secondaryDomain.containerPort" v-model="secondaryDomain.subdomain" :placeholder="$t('appstore.installDialog.locationPlaceholder')"/>
+            <SingleSelect :disabled="busy" :options="domains" v-model="secondaryDomain.domain" option-key="domain" option-label="domain"/>
+          </InputGroup>
+        </FormGroup>
+
+        <div v-if="app.manifest.multiDomain">
+          <label>{{ $t('app.location.aliases') }} <sup><a href="https://docs.cloudron.io/apps/#aliases" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup></label>
+
+          <div style="display: flex; gap: 10px; margin-bottom: 10px" v-for="(aliasDomain, index) in aliasDomains" :key="aliasDomain">
+            <InputGroup style="flex-grow: 1">
+              <TextInput style="flex-grow: 1" v-model="aliasDomain.subdomain" :placeholder="$t('app.location.locationPlaceholder')"/>
+              <SingleSelect :disabled="busy" :options="domains" v-model="aliasDomain.domain" option-key="domain" option-label="domain"/>
+            </InputGroup>
+            <Button danger tool :disabled="busy" icon="fa-solid fa-trash" @click="onRemoveAliasDomain(index)"/>
+          </div>
+
+          <div class="actionable" v-if="!busy" @click="onAddAliasDomain()">{{ $t('app.location.addAliasAction') }}</div>
+        </div>
+      </fieldset>
+    </form>
+
+    <p class="text-bold text-warning" v-if="provider === 'noop' || provider === 'manual'" v-html="$t('appstore.installDialog.manualWarning', { location: ((subdomain ? subdomain + '.' : '') + domain) })"></p>
+
+    <br/>
+
+    <Button @click="onSubmit()" :loading="busy" :disabled="busy || app.error || app.taskId" v-tooltip="app.error ? 'App is in error state' : (app.taskId ? 'App is busy' : '')">{{ $t('app.location.saveAction') }}</Button>
+  </div>
+</template>
diff --git a/dashboard/src/views/AppConfigureView.vue b/dashboard/src/views/AppConfigureView.vue
index c6c212a76..7b91c21bd 100644
--- a/dashboard/src/views/AppConfigureView.vue
+++ b/dashboard/src/views/AppConfigureView.vue
@@ -13,15 +13,18 @@ import Display from '../components/app/Display.vue';
 import Email from '../components/app/Email.vue';
 import Eventlog from '../components/app/Eventlog.vue';
 import Info from '../components/app/Info.vue';
+import Location from '../components/app/Location.vue';
 import Resources from '../components/app/Resources.vue';
 import Repair from '../components/app/Repair.vue';
 import Security from '../components/app/Security.vue';
 import Uninstall from '../components/app/Uninstall.vue';
 import Updates from '../components/app/Updates.vue';
 import AppsModel from '../models/AppsModel.js';
+import TasksModel from '../models/TasksModel.js';
 import { API_ORIGIN, APP_TYPES, ISTATES, RSTATES, HSTATES } from '../constants.js';
 
 const appsModel = AppsModel.create();
+const tasksModel = TasksModel.create();
 const installationStateLabel = AppsModel.installationStateLabel;
 
 const busy = ref(true);
@@ -33,6 +36,7 @@ const infoMenu = ref([]);
 const hasLocalStorage = ref(false);
 const hasOptionalServices = ref(false);
 const hasEmail = ref(false);
+const busyStopTask = ref(false);
 
 const isAppStopped = computed(() => {
   return appsModel.isStopped(app.value);
@@ -114,6 +118,17 @@ async function refresh() {
   refreshTimer = setTimeout(refresh, 2000);
 }
 
+async function onStopAppTask() {
+  if (!app.value.taskId) return;
+
+  busyStopTask.value = true;
+
+  const [error] = await tasksModel.stop(app.value.taskId);
+  if (error) console.error(error);
+
+  busyStopTask.value = false;
+}
+
 onMounted(async () => {
   const tmp = window.location.hash.slice('#/app/'.length);
   if (!tmp) return;
@@ -151,6 +166,7 @@ onBeforeUnmount(() => {
         </div>
 
         <div style="display: flex; gap: 10px; align-items: center;">
+          <Button v-if="app.taskId" danger tool outline icon="fa-solid fa-xmark" v-tooltip="'Cancel Task'" :loading="busyStopTask" :disabled="busyStopTask" @click="onStopAppTask()"/>
           <Button secondary tool
             @click="onToggleRunState()"
             :disabled="app.taskId || app.error || app.installationState === 'pending_start' || app.installationState === 'pending_stop'"
@@ -168,6 +184,10 @@ onBeforeUnmount(() => {
         </div>
       </div>
 
+      <div class="apptask-progress">
+        <div class="apptask-progress-filled" :style="{ width: app.progress+'%' }"></div>
+      </div>
+
       <div class="configure-body">
         <div class="configure-menu">
           <div class="configure-menu-item" @click="onSetView('info')" :active="view === 'info' ? true : null">{{ $t('app.infoTabTitle') }}</div>
@@ -191,7 +211,7 @@ onBeforeUnmount(() => {
         <div class="configure-content">
           <Info v-if="view === 'info'" :app="app"/>
           <Display :app="app" v-if="view === 'display'"/>
-          <div v-if="view === 'location'"></div>
+          <Location :app="app" v-if="view === 'location'"/>
           <div v-if="view === 'proxy'"></div>
           <Access :app="app" v-if="view === 'access'"/>
           <Resources :app="app" v-if="view === 'resources'"/>
@@ -221,6 +241,7 @@ onBeforeUnmount(() => {
 }
 
 .titlebar h2 {
+  flex-grow: 1;
   padding: 0;
   margin: 0;
   display: flex;
@@ -251,12 +272,44 @@ onBeforeUnmount(() => {
 
 .titlebar {
   display: flex;
-  margin-bottom: 20px;
   justify-content: space-between;
   background-color: var(--pankow-body-background-color);
 }
 
+.apptask-progress {
+  position: relative;
+  width: 100%;
+  height: 5px;
+  text-align: center;
+  border-radius: 10px;
+  color: var(--pankow-text-color);
+}
+
+.apptask-progress-filled {
+  background-color: var(--pankow-color-primary);
+  position: relative;
+  top: 0;
+  left: 0;
+  height: 100%;
+  border-radius: 10px;
+  z-index: 1;
+  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
+  background-size: 40px 40px;
+  animation: apptask-progress-bar-stripes 1s linear infinite;
+  transition: width 300ms;
+}
+
+@keyframes apptask-progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+
 .configure-body {
+  margin-top: 20px;
   display: flex;
 }