diff --git a/plugins/card-resources/src/components/settings/view/ViewSetting.svelte b/plugins/card-resources/src/components/settings/view/ViewSetting.svelte
index 9df5194bb94..cd201344ccd 100644
--- a/plugins/card-resources/src/components/settings/view/ViewSetting.svelte
+++ b/plugins/card-resources/src/components/settings/view/ViewSetting.svelte
@@ -15,8 +15,8 @@
 <script lang="ts">
   import { createEventDispatcher } from 'svelte'
 
-  import core, { AnyAttribute, Class, Doc, Ref, Type } from '@hcengineering/core'
-  import { Asset, IntlString } from '@hcengineering/platform'
+  import core, { AnyAttribute, Association, AssociationQuery, Class, Doc, Ref, Type } from '@hcengineering/core'
+  import { Asset, getEmbeddedLabel, IntlString } from '@hcengineering/platform'
   import { getAttributePresenterClass, getClient, hasResource } from '@hcengineering/presentation'
   import { resizeObserver } from '@hcengineering/ui'
   import view, { BuildModelKey, Viewlet, ViewletPreference } from '@hcengineering/view'
@@ -203,8 +203,25 @@
         })
       })
 
-      const ancestors = new Set(hierarchy.getAncestors(viewlet.attachTo))
-      const parent = hierarchy.getParentClass(viewlet.attachTo)
+      const desc = hierarchy.getDescendants(viewlet.attachTo)
+      for (const d of desc) {
+        if (!hierarchy.isMixin(d)) continue
+        hierarchy.getOwnAttributes(d).forEach((attr) => {
+          processAttribute(attr, result, true)
+        })
+      }
+
+      addAssociations(result, viewlet.attachTo, preference)
+    }
+
+    function addAssociations (
+      result: Config[],
+      _class: Ref<Class<Doc>>,
+      preference: ViewletPreference | undefined,
+      parents: AssociationQuery[] = []
+    ): void {
+      const ancestors = new Set(hierarchy.getAncestors(_class))
+      const parent = hierarchy.getParentClass(_class)
       const parentMixins = hierarchy
         .getDescendants(parent)
         .map((p) => hierarchy.getClass(p))
@@ -215,6 +232,72 @@
           processAttribute(attr, result, true)
         })
       })
+
+      const allClasses = [...ancestors, ...parentMixins.map((it) => it._id)]
+
+      const associationsB = client.getModel().findAllSync(core.class.Association, { classA: { $in: allClasses } })
+      const associationsA = client.getModel().findAllSync(core.class.Association, { classB: { $in: allClasses } })
+
+      associationsB.forEach((a) => {
+        processAssociation(a, 'b', result, preference, parents)
+      })
+      associationsA.forEach((a) => {
+        processAssociation(a, 'a', result, preference, parents)
+      })
+    }
+
+    function getParentsString (parents: AssociationQuery[]): string {
+      return parents.map(([assocId, direction]) => `$associations.${assocId}_${direction === 1 ? 'a' : 'b'}`).join('.')
+    }
+
+    function processAssociation (
+      association: Association,
+      direction: 'a' | 'b',
+      result: Config[],
+      preference: ViewletPreference | undefined,
+      parents: AssociationQuery[]
+    ): void {
+      const associationName = `$associations.${association._id}_${direction}`
+      const resultName = parents.length > 0 ? `${getParentsString(parents)}.${associationName}` : associationName
+
+      const name = direction === 'a' ? association.nameA : association.nameB
+      const targetClass = direction === 'a' ? association.classA : association.classB
+
+      if (name.trim().length === 0) return
+      const model = client.getModel()
+
+      const resultLabels = parents
+        .map((r) => {
+          const assoc = model.findObject(r[0])
+          if (assoc === undefined) return ''
+          return r[1] === 1 ? assoc.nameA : assoc.nameB
+        })
+        .filter((it) => it.length > 0)
+      resultLabels.push(name)
+      const fullLabel = resultLabels.join(' › ')
+
+      const clazz = hierarchy.getClass(targetClass)
+      const newValue: AttributeConfig = {
+        type: 'attribute',
+        value: resultName,
+        label: getEmbeddedLabel(fullLabel),
+        enabled: false,
+        _class: targetClass,
+        icon: clazz.icon
+      }
+
+      if (!isExist(result, newValue)) {
+        result.push(newValue)
+      }
+
+      if (preference === undefined) return
+      const exists = preference.config.find((p) => {
+        const key = typeof p === 'string' ? p : p.key
+        return key === resultName
+      })
+      if (exists) {
+        addAssociations(result, targetClass, preference, [...parents, [association._id, direction === 'a' ? 1 : -1]])
+      }
     }
 
     return preference === undefined ? result : []