diff --git a/bundles/org.openhab.ui/web/src/components/cards/card-mixin.js b/bundles/org.openhab.ui/web/src/components/cards/card-mixin.js
index 0547a4667d..b6da1625a1 100644
--- a/bundles/org.openhab.ui/web/src/components/cards/card-mixin.js
+++ b/bundles/org.openhab.ui/web/src/components/cards/card-mixin.js
@@ -65,6 +65,12 @@ export default {
     }
   },
   methods: {
+    itemPathLabel (item) {
+      if (!item.modelPath) return '(?) > ' + item.name
+      return item.modelPath.map((parent) => {
+        return parent.label || parent.name
+      }).join(' > ')
+    },
     cardOpening () {
       this.cardId = this.title + '-' + this.$f7.utils.id()
       history.pushState({ cardId: this.cardId }, null, window.location.href.split('#card=')[0] + '#' + this.$f7.utils.serializeObject({ card: this.element.key }))
diff --git a/bundles/org.openhab.ui/web/src/components/cards/equipment-card.vue b/bundles/org.openhab.ui/web/src/components/cards/equipment-card.vue
index ebe8adb937..a26be10729 100644
--- a/bundles/org.openhab.ui/web/src/components/cards/equipment-card.vue
+++ b/bundles/org.openhab.ui/web/src/components/cards/equipment-card.vue
@@ -35,13 +35,13 @@ export default {
   },
   computed: {
     listContext () {
-      const standaloneEquipment = this.element.equipment.filter((i) => i.points.length === 0).map((i) => itemDefaultListComponent(i.item, true))
+      const standaloneEquipment = this.element.equipment.filter((i) => i.points.length === 0).map((i) => itemDefaultListComponent(i.item, this.itemPathLabel(i.item)))
       const equipmentWithPoints = this.element.equipment.filter((i) => i.points.length !== 0).map((i) => {
         return [
           {
             component: 'oh-list-item',
             config: {
-              title: i.item.label || i.item.name,
+              title: [this.itemPathLabel(i.item), i.item.label || i.item.name].filter((label) => label && label.length > 0).join(' > '),
               divider: true
             }
           },
diff --git a/bundles/org.openhab.ui/web/src/components/cards/property-card.vue b/bundles/org.openhab.ui/web/src/components/cards/property-card.vue
index 4de9c14367..fc4493403f 100644
--- a/bundles/org.openhab.ui/web/src/components/cards/property-card.vue
+++ b/bundles/org.openhab.ui/web/src/components/cards/property-card.vue
@@ -54,7 +54,7 @@ export default {
               divider: true
             }
           },
-          ...this.itemsByPointType[pointType].map((p) => itemDefaultListComponent(p, true))
+          ...this.itemsByPointType[pointType].map((p) => itemDefaultListComponent(p, this.itemPathLabel(p)))
         ])
       }
 
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/standard/list/default-list-item.js b/bundles/org.openhab.ui/web/src/components/widgets/standard/list/default-list-item.js
index 2ac1c9fc93..6ad67a4723 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/standard/list/default-list-item.js
+++ b/bundles/org.openhab.ui/web/src/components/widgets/standard/list/default-list-item.js
@@ -3,7 +3,7 @@
    in the "listWidget" metadata namespace of the item
  */
 
-export default function itemDefaultListComponent (item, itemNameAsFooter) {
+export default function itemDefaultListComponent (item, itemNameAsFooterOrLocation) {
   const stateDescription = item.stateDescription || {}
   const metadata = (item.metadata && item.metadata.listWidget) ? item.metadata.listWidget : {}
   let component = null
@@ -98,7 +98,8 @@ export default function itemDefaultListComponent (item, itemNameAsFooter) {
   if (!component.config.title) component.config.title = item.label || item.name
   if (item.category && !component.config.icon) component.config.icon = 'oh:' + item.category
   if (item.category && ['Switch', 'Rollershutter', 'Contact', 'Dimmer', 'Group'].indexOf(item.type) >= 0) component.config.iconUseState = true
-  if (item.label && itemNameAsFooter) component.config.footer = item.name
+  if (item.label && itemNameAsFooterOrLocation === true) component.config.footer = item.name
+  else if (item.label && itemNameAsFooterOrLocation) component.config.footer = itemNameAsFooterOrLocation
   if (!item.category) component.config.fallbackIconToInitial = true
 
   return component
diff --git a/bundles/org.openhab.ui/web/src/components/widgets/standard/list/oh-list-item.vue b/bundles/org.openhab.ui/web/src/components/widgets/standard/list/oh-list-item.vue
index e0ed647ca2..a84e4ef427 100644
--- a/bundles/org.openhab.ui/web/src/components/widgets/standard/list/oh-list-item.vue
+++ b/bundles/org.openhab.ui/web/src/components/widgets/standard/list/oh-list-item.vue
@@ -1,6 +1,6 @@
 <template>
   <f7-list-button v-if="config.listButton && !context.editmode" :title="config.title || 'Action'" :color="config.color || 'blue'" @click="performAction" />
-  <f7-list-item divider :title="config.title" v-else-if="config.divider && !context.editmode" />
+  <f7-list-item divider ref="divider" :title="config.title" v-else-if="config.divider && !context.editmode" />
   <f7-list-item v-else v-bind="config" :divider="config.divider && !context.editmode"
                 :media-item="context.parent.component.config.mediaList && !config.divider"
                 :badge="(config.divider) ? 'Divider' : (config.listButton) ? 'List button' : config.badge"
@@ -24,6 +24,12 @@
   </f7-list-item>
 </template>
 
+<style lang="stylus">
+.item-divider > span
+  flex-shrink 1
+  overflow hidden
+</style>
+
 <script>
 import mixin from '../../widget-mixin'
 import { actionsMixin } from '../../widget-actions'
@@ -32,6 +38,49 @@ import { OhListItemDefinition } from '@/assets/definitions/widgets/standard/list
 export default {
   name: 'oh-list-item',
   mixins: [mixin, actionsMixin],
-  widget: OhListItemDefinition
+  widget: OhListItemDefinition,
+  mounted () {
+    mixin.mounted.call(this)
+    if (this.config.divider && !this.context.editmode) {
+      this.$nextTick(function () {
+        this.trimTitle()
+      })
+    }
+  },
+  created () {
+    if (this.config.divider && !this.context.editmode) {
+      window.addEventListener('resize', this.duringResize)
+    }
+  },
+  destroyed () {
+    window.removeEventListener('resize', this.duringResize)
+    if (this.timer) clearTimeout(this.timer)
+  },
+  methods: {
+    duringResize () {
+      if (this.timer) clearTimeout(this.timer)
+      this.timer = setTimeout(this.resized, 200)
+    },
+    resized () {
+      if (this.$refs.divider && this.$refs.divider.$el && this.$refs.divider.$el.firstChild) {
+        this.$refs.divider.$el.firstChild.textContent = this.config.title
+      }
+      this.trimTitle()
+    },
+    trimTitle () {
+      if (this.$refs.divider && this.$refs.divider.$el && this.$refs.divider.$el.firstChild) {
+        let element = this.$refs.divider.$el.firstChild
+        let trimCount = 0
+        if (element.scrollWidth > element.offsetWidth) {
+          let value = '…' + element.textContent
+          do {
+            value = '…' + value.substr(2)
+            trimCount++
+            element.textContent = value
+          } while (element.scrollWidth > element.offsetWidth && trimCount < 100)
+        }
+      }
+    }
+  }
 }
 </script>
diff --git a/bundles/org.openhab.ui/web/src/pages/home/homecards-mixin.js b/bundles/org.openhab.ui/web/src/pages/home/homecards-mixin.js
index 88d514db7a..b014f473e7 100644
--- a/bundles/org.openhab.ui/web/src/pages/home/homecards-mixin.js
+++ b/bundles/org.openhab.ui/web/src/pages/home/homecards-mixin.js
@@ -50,10 +50,31 @@ export default {
           }
       }
     },
+    // Recursively builds path in model (sorted array of relations to ancestors, either Equipment or Location) for an item
+    // that has semantics configuration and returns it
+    buildPathInModel (item) {
+      if (!item.metadata || !item.metadata.semantics) return
+      if (item.modelPath) return item.modelPath
+      // console.log(`Building path for ${item.name} with semantics ${item.metadata.semantics.config}`)
+      let parent = null
+      if (item.metadata.semantics.config && item.metadata.semantics.config.isPointOf) {
+        parent = (this.items.find((i) => i.name === item.metadata.semantics.config.isPointOf))
+      } else if (item.metadata.semantics.config && item.metadata.semantics.config.isPartOf) {
+        parent = (this.items.find((i) => i.name === item.metadata.semantics.config.isPartOf))
+      } else if (item.metadata.semantics.config && item.metadata.semantics.config.hasLocation) {
+        parent = (this.items.find((i) => i.name === item.metadata.semantics.config.hasLocation))
+      }
+      item.modelPath = parent ? [...this.buildPathInModel(parent), parent] : []
+      return item.modelPath
+    },
     loadModel (page) {
       this.$oh.api.get('/rest/items?metadata=semantics,listWidget,widgetOrder')
         .then((data) => {
           this.items = data
+          // build model path for all model items
+          data.forEach((item) => {
+            if (item.metadata && item.metadata.semantics) this.buildPathInModel(item)
+          })
           // get the location items
           const locations = data.filter((item, index, items) => {
             return item.metadata && item.metadata.semantics &&