diff --git a/bundles/org.openhab.ui/web/src/components/developer/help-sidebar.vue b/bundles/org.openhab.ui/web/src/components/developer/help-sidebar.vue
index 402c384063..efcc3ca27b 100644
--- a/bundles/org.openhab.ui/web/src/components/developer/help-sidebar.vue
+++ b/bundles/org.openhab.ui/web/src/components/developer/help-sidebar.vue
@@ -72,17 +72,18 @@
           </f7-block-title>
         </f7-block>
 
-        <thing-context v-if="($store.state.pagePath).indexOf('things') >= 0" />
-        <item-context v-else-if="($store.state.pagePath).indexOf('items') >= 0" />
-        <model-context v-else-if="($store.state.pagePath).indexOf('model') >= 0" />
-        <page-context v-else-if="($store.state.pagePath).indexOf('pages') >= 0" />
-        <rule-context v-else-if="($store.state.pagePath).indexOf('rules') >= 0 || ($store.state.pagePath).indexOf('schedule') >= 0" type="Rules" />
-        <rule-context v-else-if="($store.state.pagePath).indexOf('scenes') >= 0" type="Scenes" />
-        <rule-context v-else-if="($store.state.pagePath).indexOf('scripts') >= 0" type="Scripts" />
-        <widget-context v-else-if="($store.state.pagePath).indexOf('widgets') >= 0" />
-        <transform-context v-else-if="($store.state.pagePath).indexOf('transformations') >= 0" />
-        <addon-context v-else-if="($store.state.pagePath).indexOf('addons') >= 0" />
-        <default-context v-else style="width: 100%" />
+        <!-- /settings/* docs -->
+        <context v-if="($store.state.pagePath) === '/settings/'" path="/settings/index" />
+        <context v-else-if="/\/settings\/[A-z]+/.test($store.state.pagePath)" :path="/(\/[A-z]+\/[A-z]+)/.exec($store.state.pagePath)[0]" />
+        <!-- /addons/ docs -->
+        <context v-else-if="($store.state.pagePath).indexOf('/addons/') >= 0" path="/addons" />
+        <!-- /developer/* docs -->
+        <context v-else-if="($store.state.pagePath) === '/developer/'" path="/developer/index" />
+        <context v-else-if="($store.state.pagePath).indexOf('/developer/widgets') >= 0" path="/developer/widgets" />
+        <!-- /about/ docs -->
+        <context v-else-if="($store.state.pagePath).indexOf('/about/') >= 0" path="/about" />
+        <!-- default docs -->
+        <context v-else path="/index" />
 
         <f7-block class="no-padding no-margin">
           <f7-block-title class="padding-horizontal" medium>
@@ -142,27 +143,11 @@
 
 <script>
 import { loadLocaleMessages } from '@/js/i18n'
-import ThingContext from './help/thing-context.vue'
-import ItemContext from './help/item-context.vue'
-import ModelContext from './help/model-context.vue'
-import PageContext from './help/page-context.vue'
-import RuleContext from './help/rule-context.vue'
-import WidgetContext from './help/widget-context.vue'
-import AddonContext from './help/addon-context.vue'
-import TransformContext from './help/transform-context.vue'
-import DefaultContext from './help/default-context.vue'
+import Context from '@/components/developer/help/context.vue'
 
 export default {
   components: {
-    ThingContext,
-    ItemContext,
-    ModelContext,
-    PageContext,
-    RuleContext,
-    WidgetContext,
-    AddonContext,
-    TransformContext,
-    DefaultContext
+    Context
   },
   props: ['activeHelpTab'],
   data () {
diff --git a/bundles/org.openhab.ui/web/src/components/developer/help/addon-context.vue b/bundles/org.openhab.ui/web/src/components/developer/help/addon-context.vue
deleted file mode 100644
index 928cd49416..0000000000
--- a/bundles/org.openhab.ui/web/src/components/developer/help/addon-context.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-  <f7-block class="no-margin no-padding">
-    <f7-block>
-      <strong>Add-ons</strong> grow openHAB's functionality.
-      <br><br>
-      The Add-on Store allows you to install and remove many different types of add-ons.
-    </f7-block>
-    <f7-list media-list>
-      <f7-list-item title="Bindings">
-        Communication functions between openHAB and different services or devices
-      </f7-list-item>
-      <f7-list-item title="Automation">
-        Scripting languages, pre-made rule template, and new Blockly functions
-      </f7-list-item>
-      <f7-list-item title="UI">
-        Pre-made UI widgets and other available UIs that work with openHAB
-      </f7-list-item>
-      <f7-list-item title="Other">
-        Full IoT ecosystem integration, data persistence services, item state transformations, and voice and speech.
-      </f7-list-item>
-    </f7-list>
-    </p>
-  </f7-block>
-</template>
-
-<script>
-export default {
-}
-</script>
diff --git a/bundles/org.openhab.ui/web/src/components/developer/help/context.vue b/bundles/org.openhab.ui/web/src/components/developer/help/context.vue
new file mode 100644
index 0000000000..5a9b17fc6d
--- /dev/null
+++ b/bundles/org.openhab.ui/web/src/components/developer/help/context.vue
@@ -0,0 +1,126 @@
+<template>
+  <f7-block class="no-margin no-padding">
+    <f7-block>
+      <div v-show="ready" v-html="parsedDocs" />
+    </f7-block>
+    <f7-block>
+      <f7-link external :href="documentationLink" target="_blank" text="Open full documentation" color="blue" />
+    </f7-block>
+  </f7-block>
+</template>
+
+<script>
+export default {
+  props: ['path'],
+  data () {
+    return {
+      ready: false,
+      parsedDocs: null,
+      cache: {} // Use some simple caching mechanism to avoid reloading .md file every time the context changes
+    }
+  },
+  computed: {
+    docsBranch () {
+      if (this.$store.state.runtimeInfo.buildString === 'Release Build') return 'final-stable'
+      return 'final'
+    },
+    docUrl () {
+      return `https://${this.$store.state.runtimeInfo.buildString === 'Release Build' ? 'www' : 'next'}.openhab.org/docs`
+    },
+    docSrcUrl () {
+      return `https://raw.githubusercontent.com/openhab/openhab-docs/${this.docsBranch}/mainui`
+    },
+    localUrl () {
+      if (!this.$store.state.pagePath.endsWith('/')) return '/'
+      return this.$store.state.pagePath
+    },
+    documentationLink () {
+      if (this.path.endsWith('index')) return `${this.docUrl}/mainui${this.path.replace('index', '')}`
+      return `${this.docUrl}/mainui${this.path}`
+    }
+  },
+  watch: {
+    path () {
+      if (this.ready) {
+        this.ready = false
+        this.load()
+      }
+    }
+  },
+  methods: {
+    load () {
+      console.debug('Sidebar Help: Loading docs for ' + this.path + ' ...')
+      if (this.cache[this.path]) {
+        console.debug('Sidebar Help: Using docs from cache.')
+        this.parsedDocs = this.cache[this.path]
+        this.ready = true
+        return
+      }
+      console.debug('Sidebar Help: Docs not found in cache, loading from GitHub ...')
+      fetch(this.docSrcUrl + this.path + '.md').then((response) => {
+        if (response.status === 404) {
+          this.parsedDocs = '<p>Failed to load docs. It seems they are missing.</p><p>Please <a class="external" target="_blank" href="https://github.com/openhab/openhab-docs/issues/new">report this on the openHAB docs repo</a>.</p>'
+          this.ready = true
+          return
+        }
+        response.text().then((text) => {
+          import('marked').then((marked) => {
+            const startComment = '<!-- START MAINUI SIDEBAR DOC - DO NOT REMOVE -->'
+            const endComment = '<!-- END MAINUI SIDEBAR DOC - DO NOT REMOVE -->'
+
+            // Remove frontmatter stuff
+            const frontmatterSeparators = [...text.matchAll(/^---$/gm)]
+            if (frontmatterSeparators.length > 0) {
+              text = text.substring(frontmatterSeparators[1].index + 4)
+            }
+            // Remove anything before the start comment (if existent)
+            const startIndex = text.indexOf(startComment)
+            if (startIndex > -1) {
+              text = text.substring(startIndex + startComment.length)
+            }
+            // Remove anything after the end comment (if existent)
+            const endIndex = text.indexOf(endComment)
+            if (endIndex > -1) {
+              text = text.substring(0, endIndex)
+            }
+            let body = marked.parse(text)
+
+            // Perform a few replaces on HTML body for Markdown readmes on GitHub
+            body = body.replace(/<p>{% include base.html %}<\/p>\n/gm, '')
+            body = body.replace(/<h1 .*$/gm, '') // Remove h1 headings
+            body = body.replace(/<img src=".*$/gm, '') // Remove images
+
+            // Fix {{base}} and /docs anchor href for doc pages
+            body = body.replace(/<a href="(%7B%7Bbase%7D%7D|\/docs)/gm, `<a class="external" target="_blank" href="${this.docUrl}`)
+            // Fix local folder anchor href: Rewrite folder to /folder/
+            body = body.replace(/(<a href=")([A-z]+)(")/gm, '$1' + this.localUrl + '$2/$3')
+
+            // Allow embedding framework7 icons by using <!--F7(:blue|:green) ICON_NAME --> comments
+            body = body.replace(/<!--F7 ([A-z]*) -->/gm, '<i class="f7-icons size-22">$1</i>')
+            body = body.replace(/<!--F7:blue ([A-z]*) -->/gm, '<i class="f7-icons size-22" style="color: #2196f3">$1</i>')
+            body = body.replace(/<!--F7:green ([A-z]*) -->/gm, '<i class="f7-icons size-22" style="color: #4cd964">$1</i>')
+
+            body = body.replace(/<pre>/gm, '<div class="block block-strong no-padding"><pre class="padding-half">')
+            body = body.replace(/<\/pre>/gm, '</pre></div>')
+            body = body.replace(/<table>/gm, '<div class="data-table"><table>')
+            body = body.replace(/<\/table>/gm, '</table></div>')
+
+            this.cache[this.path] = body
+            this.parsedDocs = body
+            this.ready = true
+          }).catch((err) => {
+            this.parsedDocs = '<p>Failed to parse docs.</p><h3>Debug Information</h3><blockquote>' + err + '</blockquote>'
+            this.ready = true
+          })
+        })
+      }).catch((err) => {
+        this.parsedDocs = '<p>Failed to load docs.</p><p>This might be an issue with your internet connection.</p><h3>Debug Information</h3><blockquote>' + err + '</blockquote>'
+        this.ready = true
+      })
+    }
+  },
+  created () {
+    this.load()
+  }
+}
+</script>
diff --git a/bundles/org.openhab.ui/web/src/components/developer/help/default-context.vue b/bundles/org.openhab.ui/web/src/components/developer/help/default-context.vue
deleted file mode 100644
index 4a846f0ca7..0000000000
--- a/bundles/org.openhab.ui/web/src/components/developer/help/default-context.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<template>
-  <f7-block class="no-margin no-padding">
-    <f7-block>
-      Welcome to help for openHAB's MainUI. This user interface is the primary system for management of your openHAB system as well as one of the available standard UIs.
-      <br><br>
-      Users with an Administrator role can use the left panel menus to manage:
-    </f7-block>
-    <f7-list media-list style="width: 100%">
-      <f7-list-item title="Things">
-        Your IoT devices and services
-      </f7-list-item>
-      <f7-list-item title="Model">
-        Semantically enhanced representation of the user facing aspects of your system
-      </f7-list-item>
-      <f7-list-item title="Items">
-        Basic units of openHAB control and information
-      </f7-list-item>
-      <f7-list-item title="Pages">
-        MainUI custom interfaces
-      </f7-list-item>
-      <f7-list-item title="Rules">
-        All general automation actions
-      </f7-list-item>
-      <f7-list-item title="Scenes">
-        Special rules for specific combinations of settings
-      </f7-list-item>
-      <f7-list-item title="Scripts">
-        Special rules without automatic triggers
-      </f7-list-item>
-      <f7-list-item title="Schedule">
-        Special rules with triggers at sepcificed times
-      </f7-list-item>
-      <f7-list-item title="Add-on Store">
-        Manage all add-ons for connecting to difference devices and services
-      </f7-list-item>
-      <f7-list-item title="Developer Tools">
-        Special functions including creation of custom widgets and block libraries
-      </f7-list-item>
-    </f7-list>
-  </f7-block>
-  </f7-block>
-  </f7-block>
-</template>
-
-<script>
-export default {
-}
-</script>
diff --git a/bundles/org.openhab.ui/web/src/components/developer/help/item-context.vue b/bundles/org.openhab.ui/web/src/components/developer/help/item-context.vue
deleted file mode 100644
index 26bcefb718..0000000000
--- a/bundles/org.openhab.ui/web/src/components/developer/help/item-context.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-  <f7-block class="no-margin no-padding">
-    <f7-block>
-      <strong>Items</strong> are openHAB's information storage and control structures.  Items can be Linked to the channels of a Thing to control and read data from a device or service. Items can also be used to store information that is just used by your openHAB system itself.
-      <br><br>
-      On these pages you can manage all the Items you have added to your system.
-    </f7-block>
-    <f7-list media-list>
-      <f7-list-item title="Add new Items">
-        Add individual Items using the <i class="f7-icons size-22 add-button-icon">plus_circle_fill</i> button and, if needed, manually link them to Channel
-      </f7-list-item>
-      <f7-list-item title="Configure Items">
-        Click on any Item in the main list to see it's configuration page
-      </f7-list-item>
-      <f7-list-item title="Delete Items">
-        Select multiple Items using the top <strong>Select</strong> button and use the <strong>Remove</strong> button at the bottom or use the <span style="color: red">Remove Item</span> button on the individual Item pages
-      </f7-list-item>
-    </f7-list>
-    <f7-block>
-      <f7-link external :href="documentationLink" target="_blank" text="Open full documentation" color="blue" />
-    </f7-block>
-  </f7-block>
-</template>
-
-<script>
-export default {
-  computed: {
-    documentationLink () {
-      return `https://${this.$store.state.runtimeInfo.buildString === 'Release Build' ? 'www' : 'next'}.openhab.org/link/items`
-    }
-  }
-}
-</script>
diff --git a/bundles/org.openhab.ui/web/src/components/developer/help/model-context.vue b/bundles/org.openhab.ui/web/src/components/developer/help/model-context.vue
deleted file mode 100644
index 3af5051c6a..0000000000
--- a/bundles/org.openhab.ui/web/src/components/developer/help/model-context.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<template>
-  <f7-block class="no-margin no-padding">
-    <f7-block>
-      The <strong>Semantic Model</strong> is a way for you to group and categorize your openHAB Items to provide additional real-world relationships and information about them.  openHAB can use this information to automatically generate the location, equipment, and properties tabs of the home page.
-      <br><br>
-      Every semantic model object (location, equipment, or point) is just a regular openHAB item with semantic tags and arranged in semantic groups. It is important to note that not all of your items need to be included in the semantic model.  For most systems it only makes sence to inlcude those items that users will interact with.
-      <br><br>
-      On this page you can manage your system's semantic model.
-    </f7-block>
-    <f7-list media-list>
-      <f7-list-item title="Add new locations">
-        Add group items with semantic group tags to represent physical locations in and around your home
-      </f7-list-item>
-      <f7-list-item title="Add new equipment">
-        Add group items with semantic equipment tags to represent devices of interest to users in specific locations
-      </f7-list-item>
-      <f7-list-item title="Add new points">
-        Add items with semantic class and property tags to represent the actual information and interactions that users will need
-      </f7-list-item>
-      <f7-list-item title="Bulk creation of points">
-        Create equipement directly from your Things with the desired items for rapid building of a semantic model
-      </f7-list-item>
-    </f7-list>
-    <f7-block>
-      <f7-link external :href="documentationLink" target="_blank" text="Open full documentation" color="blue" />
-    </f7-block>
-  </f7-block>
-</template>
-
-<script>
-export default {
-  computed: {
-    documentationLink () {
-      return `https://${this.$store.state.runtimeInfo.buildString === 'Release Build' ? 'www' : 'next'}.openhab.org/docs/tutorial/model`
-    }
-  }
-}
-</script>
diff --git a/bundles/org.openhab.ui/web/src/components/developer/help/page-context.vue b/bundles/org.openhab.ui/web/src/components/developer/help/page-context.vue
deleted file mode 100644
index ba4df865c1..0000000000
--- a/bundles/org.openhab.ui/web/src/components/developer/help/page-context.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<template>
-  <f7-block class="no-margin no-padding">
-    <f7-block>
-      <strong>Pages</strong> are the different MainUI presentations that you can make to present users with control over home system. The location, equipment, and properties tabs of the home page are automatically generated if you have a semantic model. All other pages, you must create for yourself.
-      <br><br>
-      On these pages you can manage all the Pages you have added to your system.
-    </f7-block>
-    <f7-list media-list>
-      <f7-list-item title="Add new Pages">
-        Add individual Pages of all the different types using the <i class="f7-icons size-22 add-button-icon">plus_circle_fill</i> button
-      </f7-list-item>
-      <f7-list-item title="Configure Pages">
-        Click on any Page in the main list to see a graphical editor and a yaml code editor for that page
-      </f7-list-item>
-      <f7-list-item title="Delete Pages">
-        Select multiple Pages using the top <strong>Select</strong> button and use the <strong>Remove</strong> buttons at the bottom
-      </f7-list-item>
-      <f7-list-item title="Test Pages">
-        See your changes and test the page functions using the <strong>Run</strong> option in the editor
-      </f7-list-item>
-    </f7-list>
-    <f7-block>
-      <f7-link external :href="documentationLink" target="_blank" text="Open full documentation" color="blue" />
-    </f7-block>
-  </f7-block>
-</template>
-
-<script>
-export default {
-  computed: {
-    documentationLink () {
-      return `https://${this.$store.state.runtimeInfo.buildString === 'Release Build' ? 'www' : 'next'}.openhab.org/link/pages`
-    }
-  }
-}
-</script>
diff --git a/bundles/org.openhab.ui/web/src/components/developer/help/rule-context.vue b/bundles/org.openhab.ui/web/src/components/developer/help/rule-context.vue
deleted file mode 100644
index 98cfb632a4..0000000000
--- a/bundles/org.openhab.ui/web/src/components/developer/help/rule-context.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-  <f7-block class="no-margin no-padding">
-    <f7-block>
-      <strong>Rules</strong> are the heart of home automation.  <span v-if="type === 'Rules'">They allow openHAB to respond to different events with automatic reactions. Rules can be a simple as a directive to turn on a single light at a given time but full scripting languages also allow for more complex reactions. </span><span v-else><strong> {{ type }}</strong> are special types of rules.</span>
-      <p v-if="(type === 'Rules' && ($store.state.pagePath).indexOf('schedule')<0)">
-        Community made Rule Templates can also be added to your system from the <strong>Automation</strong> tab of the Add-on Store.
-      </p>
-      <p v-else-if="(type === 'Rules' && ($store.state.pagePath).indexOf('schedule') >= 0)">
-        The schedule page shows you a calendar layout of all Rules that have the
-        <f7-chip text="Schedule" media-bg-color="blue">
-          <f7-icon slot="media" f7="tag_fill" />
-        </f7-chip>
-        tag and trigger at one or more defined times.
-      </p>
-      On these pages you can manage all the basic {{ type }} you have added to your system.
-    </f7-block>
-    <f7-list media-list>
-      <f7-list-item :title="`Add new ${type}`">
-        Add {{ type }} using the <i class="f7-icons size-22 add-button-icon">plus_circle_fill</i> button
-      </f7-list-item>
-      <f7-list-item v-if="(type === 'Rules')" title="Configure Rules">
-        Click on any Rule in the main list to configure the rule or write a script action for the rule
-      </f7-list-item>
-      <f7-list-item v-else-if="(type === 'Scripts')" title="Edit Scripts">
-        Click on any Script in the main list to edit the action of the script
-      </f7-list-item>
-      <f7-list-item v-else-if="(type === 'Scenes')" title="Edit Scenes">
-        Click on any Scene in the main list to edit scene's item commands
-      </f7-list-item>
-      <f7-list-item :title="`Delete ${type}`">
-        Select multiple {{ type }} using the top <strong>Select</strong> button and use the <strong>Remove</strong> button at the bottom or use the <span style="color: red">Remove {{ type }}</span> button on the individual {{ type.slice(0,-1).toLowerCase() }} pages
-      </f7-list-item>
-      <f7-list-item v-if="(type === 'Rules' || type === 'Scripts')" :title="`Enable/Disable ${type}`">
-        Select multiple {{ type }} using the top <strong>Select</strong> button and use the <strong>Enable</strong> or <strong>Disable</strong> buttons at the bottom or use the <i class="f7-icons size-22">play_circle</i> and <i class="f7-icons size-22">pause_circle</i> buttons on the individual {{ type.slice(0,-1).toLowerCase() }} pages
-      </f7-list-item>
-      <f7-list-item v-else title="Enable/Disable Scenes">
-        Use the <i class="f7-icons size-22">play_circle</i> and <i class="f7-icons size-22">pause_circle</i> buttons on the individual scene pages
-      </f7-list-item>
-      <f7-list-item :title="`Manually run ${type}`">
-        Use the <i class="f7-icons size-22">play</i> button on the individual {{ type.slice(0,-1) }} pages to have the {{ type.slice(0,-1).toLowerCase() }} run <span v-if="(type === 'Rules')">all actions</span> immediately
-      </f7-list-item>
-    </f7-list>
-    <f7-block>
-      <f7-link external :href="documentationLink" target="_blank" text="Open full documentation" color="blue" />
-    </f7-block>
-  </f7-block>
-</template>
-
-<script>
-export default {
-  props: ['type'],
-  computed: {
-    documentationLink () {
-      return `https://${this.$store.state.runtimeInfo.buildString === 'Release Build' ? 'www' : 'next'}.openhab.org/link/${this.type.toLowerCase()}`
-    }
-  }
-}
-</script>
diff --git a/bundles/org.openhab.ui/web/src/components/developer/help/thing-context.vue b/bundles/org.openhab.ui/web/src/components/developer/help/thing-context.vue
deleted file mode 100644
index e99375eb7f..0000000000
--- a/bundles/org.openhab.ui/web/src/components/developer/help/thing-context.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<template>
-  <f7-block class="no-margin no-padding">
-    <f7-block>
-      <strong>Things</strong> are the openHAB structures that represent individual devices or services.  The Things that you can add to your system are determined by the bindings that you have installed.
-      <br><br>
-      On these pages you can manage all the Things you have added to your system.
-    </f7-block>
-    <f7-list media-list>
-      <f7-list-item title="Add new Things">
-        Use the Thing Inbox to scan for available things or manually add ones that cannot be found automatically
-      </f7-list-item>
-      <f7-list-item title="Configure Things">
-        Click on any Thing in the main list to see it's configuration page
-      </f7-list-item>
-      <f7-list-item title="Delete Things">
-        Select multiple Things using the top <strong>Select</strong> button and use the <strong>Remove</strong> buttons at the bottom or use the <span style="color: red">Delete Thing</span> button on the individual Things pages
-      </f7-list-item>
-      <f7-list-item title="Enable/Disable Things">
-        Select multiple Things using the top <strong>Select</strong> button and use the <strong>Enable</strong> or <strong>Disable</strong> buttons at the bottom or use the <i class="f7-icons size-22">play_circle</i> and <i class="f7-icons size-22">pause_circle</i> buttons on the individual Things pages
-      </f7-list-item>
-    </f7-list>
-    <f7-block>
-      <f7-link external :href="documentationLink" target="_blank" text="Open full documentation" color="blue" />
-    </f7-block>
-  </f7-block>
-</template>
-
-<script>
-export default {
-  computed: {
-    documentationLink () {
-      return `https://${this.$store.state.runtimeInfo.buildString === 'Release Build' ? 'www' : 'next'}.openhab.org/link/thing`
-    }
-  }
-}
-</script>
diff --git a/bundles/org.openhab.ui/web/src/components/developer/help/transform-context.vue b/bundles/org.openhab.ui/web/src/components/developer/help/transform-context.vue
deleted file mode 100644
index 23ea26f980..0000000000
--- a/bundles/org.openhab.ui/web/src/components/developer/help/transform-context.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<template>
-  <f7-block class="no-margin no-padding">
-    <f7-block>
-      <strong>Transformations</strong> are openHAB objects that convert a value or item state into different value or state.  Transformations can be used in many different instances including Links betweens Channels and Items, Rule scripts, and some Thing configurations.
-      <br><br>
-      The different available Transformation methods must be individually installed via the <strong>Other</strong> tab of the
-      <f7-link href="/addons/">
-        Add-on Store
-      </f7-link>.
-      <br><br>
-      On these pages you can manage all the Transformations you have added to your system.
-    </f7-block>
-    <f7-list media-list>
-      <f7-list-item title="Add new Transformations">
-        Add individual Transformations using the <i class="f7-icons size-22 add-button-icon">plus_circle_fill</i> button.
-      </f7-list-item>
-      <f7-list-item title="Configure Items">
-        Click on any Transformation in the main list to see it's configuration page
-      </f7-list-item>
-      <f7-list-item title="Delete Items">
-        Select multiple Transformations using the top <strong>Select</strong> button and use the <strong>Remove</strong> button at the bottom or use the <span style="color: red">Remove Transform</span> button on the individual Transformation pages
-      </f7-list-item>
-    </f7-list>
-    <f7-block>
-      <f7-link external :href="documentationLink" target="_blank" text="Open full documentation" color="blue" />
-    </f7-block>
-  </f7-block>
-</template>
-
-<script>
-export default {
-  computed: {
-    documentationLink () {
-      return `https://${this.$store.state.runtimeInfo.buildString === 'Release Build' ? 'www' : 'next'}.openhab.org/link/transformations`
-    }
-  }
-}
-</script>
diff --git a/bundles/org.openhab.ui/web/src/components/developer/help/widget-context.vue b/bundles/org.openhab.ui/web/src/components/developer/help/widget-context.vue
deleted file mode 100644
index 1d70757ef4..0000000000
--- a/bundles/org.openhab.ui/web/src/components/developer/help/widget-context.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<template>
-  <f7-block class="no-margin no-padding">
-    <f7-block>
-      <strong>Widgets</strong> are interactive elements that can be placed on pages.
-      <br><br>
-      Community made Widgets can also be added to your system from the <strong>UI</strong> tab of the Add-on Store.
-      <br><br>
-      On these pages you can manage all the custom Widgets you have added to your system.
-    </f7-block>
-    <f7-list media-list>
-      <f7-list-item title="Add new Rules">
-        Add Widgets using the <i class="f7-icons size-22 add-button-icon">plus_circle_fill</i> button
-      </f7-list-item>
-      <f7-list-item title="Edit Widgets">
-        Click on any Widget in the main list to open a code editor and graphical test space for the widget
-      </f7-list-item>
-      <f7-list-item title="Delete Widgets">
-        Select multiple Widgets using the top <strong>Select</strong> button and use the <strong>Remove</strong> button at the bottom
-      </f7-list-item>
-    </f7-list>
-  </f7-block>
-</template>
-
-<script>
-export default {
-}
-</script>
diff --git a/bundles/org.openhab.ui/web/src/pages/about.vue b/bundles/org.openhab.ui/web/src/pages/about.vue
index 0461dce5d5..561012264a 100644
--- a/bundles/org.openhab.ui/web/src/pages/about.vue
+++ b/bundles/org.openhab.ui/web/src/pages/about.vue
@@ -1,6 +1,11 @@
 <template>
   <f7-page name="about" class="page-about" @page:beforein="beforePageIn">
-    <f7-navbar large :title-large="$t('about.title')" :title="$t('about.title')" :back-link="$t('dialogs.back')" />
+    <f7-navbar large :title-large="$t('about.title')" :title="$t('about.title')" :back-link="$t('dialogs.back')">
+      <f7-nav-right>
+        <f7-link v-if="$store.state.developerDock && $f7.width >= 1280" icon-f7="question_circle_fill" @click="$f7.emit('toggleDeveloperDock')" />
+        <f7-link v-else-if="$f7.width >= 1280" icon-f7="question_circle" @click="$f7.emit('selectDeveloperDock',{'dock':'help','helpTab':'current'})" />
+      </f7-nav-right>
+    </f7-navbar>
     <f7-block class="block-narrow after-big-title">
       <f7-row>
         <f7-col>
diff --git a/bundles/org.openhab.ui/web/src/pages/addons/addon-details.vue b/bundles/org.openhab.ui/web/src/pages/addons/addon-details.vue
index c7bd8a741f..080f326424 100644
--- a/bundles/org.openhab.ui/web/src/pages/addons/addon-details.vue
+++ b/bundles/org.openhab.ui/web/src/pages/addons/addon-details.vue
@@ -289,8 +289,6 @@ export default {
         let addonTypeFolder = '_addons_' + this.addon.type
         if (this.addon.type === 'misc') addonTypeFolder = '_addons_io'
         if (this.addon.type !== 'automation') addonTypeFolder += 's'
-        let docUrl = (this.$store.state.runtimeInfo.buildString === 'Release Build') ? 'https://www.openhab.org' : 'https://next.openhab.org'
-        docUrl += `/addons/${this.addon.type}/${this.addon.id}`
         let docSrcUrl = `https://raw.githubusercontent.com/openhab/openhab-docs/${docsBranch}/${addonTypeFolder}/${this.addon.id}`
 
         fetch(docSrcUrl + '/readme.md').then((readme) => {
diff --git a/bundles/org.openhab.ui/web/src/pages/addons/addons-store.vue b/bundles/org.openhab.ui/web/src/pages/addons/addons-store.vue
index 32cb7aaa2d..2c71dca997 100644
--- a/bundles/org.openhab.ui/web/src/pages/addons/addons-store.vue
+++ b/bundles/org.openhab.ui/web/src/pages/addons/addons-store.vue
@@ -16,6 +16,8 @@
         <span v-if="currentTab === 'search'">Search</span>
       </f7-nav-title>
       <f7-nav-right>
+        <f7-link v-if="$store.state.developerDock && $f7.width >= 1280" icon-f7="question_circle_fill" @click="$f7.emit('toggleDeveloperDock')" />
+        <f7-link v-else-if="$f7.width >= 1280" icon-f7="question_circle" @click="$f7.emit('selectDeveloperDock',{'dock':'help','helpTab':'current'})" />
         <f7-link
           v-show="currentTab === 'search'"
           class="searchbar-enable"
diff --git a/bundles/org.openhab.ui/web/src/pages/developer/developer-tools.vue b/bundles/org.openhab.ui/web/src/pages/developer/developer-tools.vue
index daa542a9e5..f444e65e25 100644
--- a/bundles/org.openhab.ui/web/src/pages/developer/developer-tools.vue
+++ b/bundles/org.openhab.ui/web/src/pages/developer/developer-tools.vue
@@ -1,6 +1,11 @@
 <template>
   <f7-page name="devtools" @page:beforeremove="onPageBeforeRemove">
-    <f7-navbar title="Developer Tools" back-link="Back" back-link-url="/" back-link-force no-hairline />
+    <f7-navbar title="Developer Tools" back-link="Back" back-link-url="/" back-link-force no-hairline>
+      <f7-nav-right>
+        <f7-link v-if="$store.state.developerDock && $f7.width >= 1280" icon-f7="question_circle_fill" @click="$f7.emit('toggleDeveloperDock')" />
+        <f7-link v-else-if="$f7.width >= 1280" icon-f7="question_circle" @click="$f7.emit('selectDeveloperDock',{'dock':'help','helpTab':'current'})" />
+      </f7-nav-right>
+    </f7-navbar>
     <f7-toolbar tabbar position="top">
       <f7-link @click="currentTab = 'menu'" :tab-link-active="currentTab === 'menu'" class="tab-link">
         Expert Features
@@ -8,7 +13,6 @@
       <f7-link @click="currentTab = 'debug'" :tab-link-active="currentTab === 'debug'" class="tab-link">
         Debug
       </f7-link>
-      <f7-nav-right />
     </f7-toolbar>
 
     <f7-tabs>
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/menu/settings-menu.vue b/bundles/org.openhab.ui/web/src/pages/settings/menu/settings-menu.vue
index 98ca1d768c..156bdc9692 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/menu/settings-menu.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/menu/settings-menu.vue
@@ -2,6 +2,8 @@
   <f7-page @page:init="onPageInit" @page:afterin="onPageAfterIn" class="page-settings">
     <f7-navbar large :large-transparent="false" title-large="Settings" title="Settings" back-link="Back" back-link-url="/home/" back-link-force>
       <f7-nav-right>
+        <f7-link v-if="$store.state.developerDock && $f7.width >= 1280" icon-f7="question_circle_fill" @click="$f7.emit('toggleDeveloperDock')" />
+        <f7-link v-else-if="$f7.width >= 1280" icon-f7="question_circle" @click="$f7.emit('selectDeveloperDock',{'dock':'help','helpTab':'current'})" />
         <f7-link
           class="searchbar-enable"
           data-searchbar=".searchbar-demo"
diff --git a/bundles/org.openhab.ui/web/src/pages/settings/persistence/persistence-settings.vue b/bundles/org.openhab.ui/web/src/pages/settings/persistence/persistence-settings.vue
index 2fe3962a17..6764198f11 100644
--- a/bundles/org.openhab.ui/web/src/pages/settings/persistence/persistence-settings.vue
+++ b/bundles/org.openhab.ui/web/src/pages/settings/persistence/persistence-settings.vue
@@ -2,6 +2,8 @@
   <f7-page @page:afterin="onPageAfterIn" @page:beforeout="onPageBeforeOut">
     <f7-navbar title="Persistence Settings" back-link="Settings" back-link-url="/settings/" back-link-force>
       <f7-nav-right v-if="persistenceList.length > 0">
+        <f7-link v-if="$store.state.developerDock && $f7.width >= 1280" icon-f7="question_circle_fill" @click="$f7.emit('toggleDeveloperDock')" />
+        <f7-link v-else-if="$f7.width >= 1280" icon-f7="question_circle" @click="$f7.emit('selectDeveloperDock',{'dock':'help','helpTab':'current'})" />
         <f7-link @click="save()" v-if="$theme.md" icon-md="material:save" icon-only />
         <f7-link @click="save()" v-if="!$theme.md">
           Save<span v-if="$device.desktop">&nbsp;(Ctrl-S)</span>