Help section added.

src/Squidex/app/features/settings/module.ts

@@ -176,7 +176,16 @@ const routes: Routes = [
             },
             {
                 path: 'workflows',
-                component: WorkflowsPageComponent
+                component: WorkflowsPageComponent,
+                children: [
+                    {
+                        path: 'help',
+                        component: HelpComponent,
+                        data: {
+                            helpPage: '05-integrated/workflows'
+                        }
+                    }
+                ]
             }
         ]
     }

src/Squidex/app/features/settings/pages/workflows/workflows-page.component.html

@@ -1,6 +1,6 @@
 <sqx-title message="{app} | Workflows | Settings" parameter1="app" [value1]="appsState.appName"></sqx-title>
 
-<sqx-panel desiredWidth="50rem" isBlank="true" [isLazyLoaded]="false">
+<sqx-panel desiredWidth="50rem" isBlank="true" [showSidebar]="true" [isLazyLoaded]="false">
     <ng-container title>
         Workflow
     </ng-container>
@@ -44,4 +44,14 @@
             </button>
         </ng-container>
     </ng-container>
-</sqx-panel>
+
+    <ng-container sidebar>
+        <div class="panel-nav">
+            <a class="panel-link" routerLink="help" routerLinkActive="active" title="Help" titlePosition="left">
+                <i class="icon-help"></i>
+            </a>
+        </div>
+    </ng-container>
+</sqx-panel>
+
+<router-outlet></router-outlet>

src/Squidex/app/framework/angular/panel.component.html

@@ -26,7 +26,11 @@
         </div>
 
         <div class="panel-main">
-            <div class="panel-content {{contentClass}}" [class.panel-content-scroll-x]="scrollX" [class.panel-content-scroll]="showScrollbar" [class.panel-content-blank]="isBlank">
+            <div class="panel-content {{contentClass}}" 
+                [class.panel-content-scroll-x]="scrollX" 
+                [class.panel-content-scroll]="showScrollbar"
+                [class.panel-content-blank]="isBlank"
+                [class.panel-content-blank-bordered]="isBlank && showSidebar">
                 <ng-content select="[content]"></ng-content>
             </div>
 

src/Squidex/app/theme/_panels.scss

@@ -96,6 +96,10 @@
             border: 0;
         }
 
+        &-blank-bordered {
+            border-top: 1px solid $color-border;
+        }
+
         // Scrolling must be enabled optionally to prevent bugs.
         &-scroll {
             overflow-y: scroll;