diff --git a/core/app/common/src/lib/components/button/button.model.ts b/core/app/common/src/lib/components/button/button.model.ts
index f761d12666..b09d2efa01 100644
--- a/core/app/common/src/lib/components/button/button.model.ts
+++ b/core/app/common/src/lib/components/button/button.model.ts
@@ -23,6 +23,7 @@
  * feasible for technical reasons, the Appropriate Legal Notices must display
  * the words "Supercharged by SuiteCRM".
  */
+import {Observable} from 'rxjs';
 
 export declare type ButtonCallback = (...args) => void;
 
@@ -37,6 +38,7 @@ export interface ButtonInterface {
     icon?: string;
     iconKlass?: string;
     labelModule?: string;
+    disabled$?: Observable<boolean>;
 }
 
 export class Button implements ButtonInterface {
diff --git a/core/app/common/src/lib/metadata/metadata.model.ts b/core/app/common/src/lib/metadata/metadata.model.ts
index ba1134bd33..c0ba3bb0db 100644
--- a/core/app/common/src/lib/metadata/metadata.model.ts
+++ b/core/app/common/src/lib/metadata/metadata.model.ts
@@ -52,6 +52,7 @@ export interface Panel {
     displayState: BehaviorSubject<boolean>;
     display$: Observable<boolean>;
     meta: TabDefinition;
+    isCollapsed: boolean;
 }
 
 export interface PanelRow {
@@ -60,10 +61,11 @@ export interface PanelRow {
 
 export interface PanelCell extends ViewFieldDefinition {
     name?: string;
+    required_f_submit?: boolean;
 }
 
 export interface ViewFieldDefinitionMap {
-    [key: string]: ViewFieldDefinition
+    [key: string]: ViewFieldDefinition;
 }
 
 export interface TabDefinitions {
@@ -86,12 +88,12 @@ export interface LogicDefinition {
     modes: Array<string>;
     params: {
         activeOnFields?: {
-            [key:string]: LogicRuleValues[];
-        }
+            [key: string]: LogicRuleValues[];
+        };
         displayState?: boolean;
         fieldDependencies: Array<string>;
         asyncProcessHandler?: string;
-    }
+    };
 }
 
 export interface LogicRuleValues{
diff --git a/core/app/core/src/lib/components/action-group-menu/action-group-menu.component.ts b/core/app/core/src/lib/components/action-group-menu/action-group-menu.component.ts
index f74f3a3e1e..8bd90c51df 100644
--- a/core/app/core/src/lib/components/action-group-menu/action-group-menu.component.ts
+++ b/core/app/core/src/lib/components/action-group-menu/action-group-menu.component.ts
@@ -52,7 +52,7 @@ export class ActionGroupMenuComponent implements OnInit {
     @Input() buttonGroupClass = '';
     @Input() actionContext: ActionContext;
     @Input() config: ActionDataSource;
-    @Input() actionLimitConfig: string = 'recordview_actions_limits';
+    @Input() actionLimitConfig = 'recordview_actions_limits';
     configState = new BehaviorSubject<ButtonGroupInterface>({buttons: []});
     config$ = this.configState.asObservable();
 
@@ -170,7 +170,7 @@ export class ActionGroupMenuComponent implements OnInit {
                     this.triggerTemporaryLoading();
                     const callback = (): void => {
                         this.config.runAction(action, this.actionContext);
-                    }
+                    };
                     this.initInlineConfirmation(action, callback);
 
                     return;
@@ -204,11 +204,16 @@ export class ActionGroupMenuComponent implements OnInit {
             Button.appendClasses(button, action.klass);
         }
 
+        if(action.disabled$){
+            button.disabled$ = action.disabled$;
+        }
+
         return button;
     }
 
-    protected triggerTemporaryLoading() {
+    protected triggerTemporaryLoading(): void {
         this.loading = true;
+        // eslint-disable-next-line radix
         const delay = parseInt(this.systemConfigStore.getUi('inline_confirmation_loading_delay')) ?? 200;
         setTimeout(() => {
             this.loading = false;
@@ -221,8 +226,8 @@ export class ActionGroupMenuComponent implements OnInit {
         this.confirmationLabel = action?.params?.confirmationLabel ?? '';
         this.confirmationDynamicLabel = action?.params?.confirmationDynamicLabel ?? '';
 
-        this.inlineCancelButton = this.buildInlineCancelButton(cancelConfig)
-        this.inlineConfirmButton = this.buildInlineConfirmButton(confirmConfig, callback)
+        this.inlineCancelButton = this.buildInlineCancelButton(cancelConfig);
+        this.inlineConfirmButton = this.buildInlineConfirmButton(confirmConfig, callback);
         this.inlineConfirmationEnabled = true;
     }
 
@@ -237,7 +242,7 @@ export class ActionGroupMenuComponent implements OnInit {
         button.onClick = (): void => {
             this.triggerTemporaryLoading();
             this.resetInlineConfirmation();
-        }
+        };
 
         return button;
     }
@@ -254,7 +259,7 @@ export class ActionGroupMenuComponent implements OnInit {
             this.triggerTemporaryLoading();
             callback();
             this.resetInlineConfirmation();
-        }
+        };
 
         return button;
     }
diff --git a/core/app/core/src/lib/components/button/button.component.html b/core/app/core/src/lib/components/button/button.component.html
index 6c3a80fd9f..58b8216e16 100644
--- a/core/app/core/src/lib/components/button/button.component.html
+++ b/core/app/core/src/lib/components/button/button.component.html
@@ -27,7 +27,9 @@
 -->
 <button type="button"
         [ngClass]="config.klass"
+        [class.disabled]="disabled"
         (click)="runClick()"
+        [disabled]="disabled"
         [title]="language.getFieldLabel(config.titleKey) || ''">
     <scrm-image *ngIf="config.icon"
                 [image]="config.icon"
diff --git a/core/app/core/src/lib/components/button/button.component.ts b/core/app/core/src/lib/components/button/button.component.ts
index a1043ef662..6c19728ac0 100644
--- a/core/app/core/src/lib/components/button/button.component.ts
+++ b/core/app/core/src/lib/components/button/button.component.ts
@@ -37,6 +37,7 @@ import {debounceTime} from 'rxjs/operators';
 export class ButtonComponent implements OnInit, OnDestroy {
     @Input() config: ButtonInterface;
     clickCallBack: ButtonCallback;
+    disabled = false;
     protected clickBuffer = new Subject<any>();
     protected clickBuffer$: Observable<any> = this.clickBuffer.asObservable();
     protected subs: Subscription[] = [];
@@ -55,6 +56,12 @@ export class ButtonComponent implements OnInit, OnDestroy {
                 this.clickCallBack(input);
             }));
         }
+
+        if(this.config.disabled$) {
+            this.subs.push(this.config.disabled$.subscribe(value => {
+                this.disabled = value;
+            }));
+        }
     }
 
 
@@ -79,7 +86,8 @@ export class ButtonComponent implements OnInit, OnDestroy {
 
     /**
      * Get debounce time
-     * @return number
+     *
+     * @returns number
      * @protected
      */
     protected getDebounceTime(): number {
diff --git a/core/app/core/src/lib/components/record-content/record-content.component.html b/core/app/core/src/lib/components/record-content/record-content.component.html
index 38ea2758aa..bb6a8a5275 100644
--- a/core/app/core/src/lib/components/record-content/record-content.component.html
+++ b/core/app/core/src/lib/components/record-content/record-content.component.html
@@ -29,7 +29,7 @@
     <div *ngIf="config && config.layout === 'panels'" class="record-content panel-layout container-fluid pl-0 pr-0">
         <div class="row no-gutters mb-3" *ngFor="let panel of panels">
             <div class="col">
-                <scrm-panel [title]="panel.label" mode="collapsible">
+                <scrm-panel [title]="panel.label" [isCollapsed$]="(panel.isCollapsed | toObservable)" mode="collapsible">
                     <div panel-body class="panel-{{panel.key}}">
                         <scrm-field-layout [dataSource]="getLayoutDataSource(panel)"></scrm-field-layout>
                     </div>
@@ -64,7 +64,7 @@
                     <ng-container *ngIf="(panel.display$ | async) as panelDisplay">
                         <div class="row no-gutters mt-3" *ngIf="!!panelDisplay">
                             <div class="col" *ngIf="j==active-1">
-                                <scrm-panel [title]="panel.label" mode="collapsible">
+                                <scrm-panel [title]="panel.label" [isCollapsed$]="(panel.isCollapsed | toObservable)" mode="collapsible">
                                     <div panel-body class="panel-{{panel.key}}">
                                         <scrm-field-layout [dataSource]="getLayoutDataSource(panel)"></scrm-field-layout>
                                     </div>
diff --git a/core/app/core/src/lib/components/record-content/record-content.component.ts b/core/app/core/src/lib/components/record-content/record-content.component.ts
index 688b3ac627..e507db84d4 100644
--- a/core/app/core/src/lib/components/record-content/record-content.component.ts
+++ b/core/app/core/src/lib/components/record-content/record-content.component.ts
@@ -58,8 +58,10 @@ export class RecordContentComponent implements OnInit, OnDestroy {
         }));
         this.subs.push(this.dataSource.getPanels().subscribe(panels => {
             this.panels = [...panels];
-            if (this?.config?.layout === 'tabs') {
-                this.updatePanelsArray();
+            if (this?.config?.layout === 'panels') {
+                this.updatePanelCollapseState();
+            } else {
+                this.updatePanelsInTabs();
             }
         }));
         this.subs.push(this.dataSource.getRecord().subscribe(record => {
@@ -74,7 +76,7 @@ export class RecordContentComponent implements OnInit, OnDestroy {
         this.subs.forEach(sub => sub.unsubscribe());
     }
 
-    updatePanelsArray(): void {
+    updatePanelsInTabs(): void {
         let tempPanels = [];
         let prevTabKey = '';
 
@@ -82,20 +84,11 @@ export class RecordContentComponent implements OnInit, OnDestroy {
 
         const tabDefs = this.mapTabDefs();
 
-        if(!Object.keys(tabDefs ?? {}).length) {
-            Object.keys(panelsMap ?? {}).forEach(key => {
-                tabDefs[key.toUpperCase()] = {
-                    newTab: true,
-                    panelDefault: 'expanded'
-                };
-            });
-        }
-
         Object.keys(tabDefs).forEach(tabDefKey => {
             const tabDef = tabDefs[tabDefKey];
 
             if (isTrue(tabDef.newTab)) {
-                tempPanels = [...tempPanels, panelsMap[tabDefKey]]
+                tempPanels = [...tempPanels, panelsMap[tabDefKey]];
                 prevTabKey = tabDefKey;
             } else {
                 const prevTab = tabDefs[prevTabKey];
@@ -126,12 +119,28 @@ export class RecordContentComponent implements OnInit, OnDestroy {
 
     }
 
+    updatePanelCollapseState(): void {
+        const panelMap = this.buildPanelMap();
+
+        this.panels.forEach(panel => {
+            const panelKey = panel.key.toUpperCase();
+            if (panelMap[panelKey]) {
+                panel.isCollapsed = panelMap[panelKey].isCollapsed;
+            }
+        });
+    }
+
     buildPanelMap(): any {
         const panelMap = {};
 
         this.panels.forEach(panel => {
+            let isCollapsed = false;
             panel.label = panel?.label?.toUpperCase() ?? '';
             const panelKey = panel?.key?.toUpperCase() ?? '';
+            if (panel.meta.panelDefault === 'collapsed') {
+                isCollapsed = true;
+            }
+            panel.isCollapsed = isCollapsed;
             panelMap[panelKey] = panel;
         });
 
diff --git a/core/app/core/src/lib/components/record-content/record-content.module.ts b/core/app/core/src/lib/components/record-content/record-content.module.ts
index 0554e2bead..d170b255c5 100644
--- a/core/app/core/src/lib/components/record-content/record-content.module.ts
+++ b/core/app/core/src/lib/components/record-content/record-content.module.ts
@@ -30,6 +30,7 @@ import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
 import {RecordContentComponent} from './record-content.component';
 import {PanelModule} from '../panel/panel.module';
 import {FieldLayoutModule} from '../field-layout/field-layout.module';
+import {ToObservableModule} from '../../pipes/toObservable/toObservable.module';
 
 
 @NgModule({
@@ -43,7 +44,8 @@ import {FieldLayoutModule} from '../field-layout/field-layout.module';
         CommonModule,
         PanelModule,
         NgbModule,
-        FieldLayoutModule
+        FieldLayoutModule,
+        ToObservableModule,
     ]
 })
 export class RecordContentModule {
diff --git a/core/app/core/src/lib/core.ts b/core/app/core/src/lib/core.ts
index ab8b035733..8bdfa4d182 100644
--- a/core/app/core/src/lib/core.ts
+++ b/core/app/core/src/lib/core.ts
@@ -429,6 +429,8 @@ export * from './pipes/format-number/format-number.module';
 export * from './pipes/format-number/format-number.pipe';
 export * from './pipes/html-sanitize/html-sanitize.module';
 export * from './pipes/html-sanitize/html-sanitize.pipe';
+export * from './pipes/toObservable/toObservable.module';
+export * from './pipes/toObservable/toObservable.pipe';
 export * from './services/actions/base-action-manager.service';
 export * from './services/actions/base-action.adapter';
 export * from './services/actions/base-record-action.adapter';
diff --git a/core/app/core/src/lib/pipes/toObservable/toObservable.module.ts b/core/app/core/src/lib/pipes/toObservable/toObservable.module.ts
new file mode 100644
index 0000000000..bb2970e1e0
--- /dev/null
+++ b/core/app/core/src/lib/pipes/toObservable/toObservable.module.ts
@@ -0,0 +1,44 @@
+/**
+ * SuiteCRM is a customer relationship management program developed by SalesAgility Ltd.
+ * Copyright (C) 2023 SalesAgility Ltd.
+ *
+ * This program is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License version 3 as published by the
+ * Free Software Foundation with the addition of the following permission added
+ * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
+ * IN WHICH THE COPYRIGHT IS OWNED BY SALESAGILITY, SALESAGILITY DISCLAIMS THE
+ * WARRANTY OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ *
+ * In accordance with Section 7(b) of the GNU Affero General Public License
+ * version 3, these Appropriate Legal Notices must retain the display of the
+ * "Supercharged by SuiteCRM" logo. If the display of the logos is not reasonably
+ * feasible for technical reasons, the Appropriate Legal Notices must display
+ * the words "Supercharged by SuiteCRM".
+ */
+
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {ToObservablePipe} from './toObservable.pipe';
+
+
+@NgModule({
+    declarations: [
+        ToObservablePipe
+    ],
+    exports: [
+        ToObservablePipe
+    ],
+    imports: [
+        CommonModule
+    ]
+})
+export class ToObservableModule {
+}
diff --git a/core/app/core/src/lib/pipes/toObservable/toObservable.pipe.ts b/core/app/core/src/lib/pipes/toObservable/toObservable.pipe.ts
new file mode 100644
index 0000000000..75a882773f
--- /dev/null
+++ b/core/app/core/src/lib/pipes/toObservable/toObservable.pipe.ts
@@ -0,0 +1,37 @@
+/**
+ * SuiteCRM is a customer relationship management program developed by SalesAgility Ltd.
+ * Copyright (C) 2023 SalesAgility Ltd.
+ *
+ * This program is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License version 3 as published by the
+ * Free Software Foundation with the addition of the following permission added
+ * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
+ * IN WHICH THE COPYRIGHT IS OWNED BY SALESAGILITY, SALESAGILITY DISCLAIMS THE
+ * WARRANTY OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ *
+ * In accordance with Section 7(b) of the GNU Affero General Public License
+ * version 3, these Appropriate Legal Notices must retain the display of the
+ * "Supercharged by SuiteCRM" logo. If the display of the logos is not reasonably
+ * feasible for technical reasons, the Appropriate Legal Notices must display
+ * the words "Supercharged by SuiteCRM".
+ */
+
+import { Pipe, PipeTransform } from '@angular/core';
+import { Observable, of } from 'rxjs';
+
+@Pipe({
+    name: 'toObservable'
+})
+export class ToObservablePipe implements PipeTransform {
+    transform(value: any): Observable<any> {
+        return of(value);
+    }
+}
diff --git a/core/app/core/src/lib/views/create/store/create-view/create-view.store.ts b/core/app/core/src/lib/views/create/store/create-view/create-view.store.ts
index f27118f765..2f719043b9 100644
--- a/core/app/core/src/lib/views/create/store/create-view/create-view.store.ts
+++ b/core/app/core/src/lib/views/create/store/create-view/create-view.store.ts
@@ -45,6 +45,7 @@ import {MessageService} from '../../../../services/message/message.service';
 import {Record, ViewMode} from 'common';
 import {RecordStoreFactory} from '../../../../store/record/record.store.factory';
 import {UserPreferenceStore} from '../../../../store/user-preference/user-preference.store';
+import {PanelLogicManager} from '../../../../components/panel-logic/panel-logic.manager';
 
 @Injectable()
 export class CreateViewStore extends RecordViewStore {
@@ -64,7 +65,8 @@ export class CreateViewStore extends RecordViewStore {
         protected statisticsBatch: StatisticsBatch,
         protected auth: AuthService,
         protected recordStoreFactory: RecordStoreFactory,
-        protected preferences: UserPreferenceStore
+        protected preferences: UserPreferenceStore,
+        protected panelLogicManager: PanelLogicManager
     ) {
         super(
             recordFetchGQL,
@@ -80,7 +82,8 @@ export class CreateViewStore extends RecordViewStore {
             recordManager,
             statisticsBatch,
             recordStoreFactory,
-            preferences
+            preferences,
+            panelLogicManager
         );
     }
 
@@ -177,6 +180,7 @@ export class CreateViewStore extends RecordViewStore {
                 tap((data: Record) => {
                     data.id = '';
                     data.attributes.id = '';
+                    // eslint-disable-next-line camelcase,@typescript-eslint/camelcase
                     data.attributes.date_entered = '';
                     this.recordManager.injectParamFields(this.params, data, this.getVardefs());
                     this.recordStore.setRecord(data);
diff --git a/core/app/core/src/lib/views/record/adapters/actions.adapter.ts b/core/app/core/src/lib/views/record/adapters/actions.adapter.ts
index e14c00d625..ffb310f497 100644
--- a/core/app/core/src/lib/views/record/adapters/actions.adapter.ts
+++ b/core/app/core/src/lib/views/record/adapters/actions.adapter.ts
@@ -24,21 +24,45 @@
  * the words "Supercharged by SuiteCRM".
  */
 
-import {Injectable} from '@angular/core';
-import {Action, ActionContext, ModeActions, ViewMode} from 'common';
-import {combineLatest, Observable} from 'rxjs';
-import {map, take} from 'rxjs/operators';
-import {MetadataStore} from '../../../store/metadata/metadata.store.service';
-import {RecordViewStore} from '../store/record-view/record-view.store';
-import {RecordActionManager} from '../actions/record-action-manager.service';
-import {AsyncActionInput, AsyncActionService} from '../../../services/process/processes/async-action/async-action';
-import {RecordActionData} from '../actions/record.action';
-import {LanguageStore} from '../../../store/language/language.store';
-import {MessageService} from '../../../services/message/message.service';
-import {Process} from '../../../services/process/process.service';
-import {ConfirmationModalService} from '../../../services/modals/confirmation-modal.service';
-import {BaseRecordActionsAdapter} from '../../../services/actions/base-record-action.adapter';
-import {SelectModalService} from '../../../services/modals/select-modal.service';
+import { isEmpty } from 'lodash-es';
+import { combineLatest, Observable, of } from 'rxjs';
+import {
+    distinctUntilChanged,
+    filter,
+    map,
+    mergeMap,
+    startWith,
+    take,
+} from 'rxjs/operators';
+import { Injectable } from '@angular/core';
+import {
+    Action,
+    ActionContext,
+    ActionHandler,
+    EDITABLE_VIEW_MODES,
+    LogicDefinitions,
+    ModeActions,
+    ObjectMap,
+    Panel,
+    PanelCell,
+    PanelRow,
+    Record,
+    ViewMode,
+} from 'common';
+import { MetadataStore } from '../../../store/metadata/metadata.store.service';
+import { RecordViewStore } from '../store/record-view/record-view.store';
+import { RecordActionManager } from '../actions/record-action-manager.service';
+import {
+    AsyncActionInput,
+    AsyncActionService,
+} from '../../../services/process/processes/async-action/async-action';
+import { RecordActionData } from '../actions/record.action';
+import { LanguageStore } from '../../../store/language/language.store';
+import { MessageService } from '../../../services/message/message.service';
+import { Process } from '../../../services/process/process.service';
+import { ConfirmationModalService } from '../../../services/modals/confirmation-modal.service';
+import { BaseRecordActionsAdapter } from '../../../services/actions/base-record-action.adapter';
+import { SelectModalService } from '../../../services/modals/select-modal.service';
 
 @Injectable()
 export class RecordActionsAdapter extends BaseRecordActionsAdapter<RecordActionData> {
@@ -95,37 +119,116 @@ export class RecordActionsAdapter extends BaseRecordActionsAdapter<RecordActionD
                 this.store.record$,
                 this.store.language$,
                 this.store.widgets$,
+                this.store.panels$,
             ]
         ).pipe(
-            map((
+            mergeMap((
                 [
                     meta,
                     mode
                 ]
             ) => {
                 if (!mode || !meta) {
-                    return [];
+                    return of([]);
                 }
 
-                return this.parseModeActions(meta.actions, mode, this.store.getViewContext());
-            })
+                const actions = this.parseModeActions(meta.actions, mode, this.store.getViewContext());
+                const stagingState = this.store.recordStore.getStaging();
+
+                if (EDITABLE_VIEW_MODES.includes(mode)) {
+                    const panelDisplayState$ = this.getLatestPanelDisplayStates();
+                    return panelDisplayState$.pipe(
+                        map(() => {
+                            const requiredForSubmitObj: ObjectMap = this.extractRequiredSubmitFields();
+                            this.disableActionsOnEditMode(actions, stagingState, requiredForSubmitObj);
+                            return actions;
+                        })
+                    );
+                } else {
+                    const requiredForSubmitObj: ObjectMap = this.extractRequiredSubmitFields();
+                    this.disableActionsOnDetailMode(actions, stagingState, requiredForSubmitObj);
+
+                    return of(actions);
+                }
+            }),
         );
     }
 
+    getLatestPanelDisplayStates(): Observable<any[]> {
+        const panelDisplay$: Observable<any>[] = [];
+        if (this.store) {
+            this.store.panels.forEach((panel: Panel )=> {
+                panelDisplay$.push(panel.display$);
+            });
+        }
+
+        return combineLatest(panelDisplay$);
+    }
+
+    public disableActionsOnEditMode(actions: Action[], stagingState: Record, requiredForSubmitObj: ObjectMap): void {
+        const submitReqFieldsChanges$ = [];
+        stagingState.formGroup.markAllAsTouched();
+        const validationState$ = stagingState.formGroup.statusChanges.pipe(
+            startWith(stagingState.formGroup.status),
+            filter(status => status !== 'PENDING' && status !== 'DISABLED'),
+            map(status => status !== 'VALID')
+        );
+
+        Object.keys(requiredForSubmitObj).forEach(fieldName => {
+            const field = stagingState?.fields[fieldName];
+            if(field) {
+                const valueChanges$: Observable<boolean> = field.valueChanges$.pipe(
+                    distinctUntilChanged(),
+                    map((valueChange: any) => !isEmpty(valueChange.value) ||
+                          !isEmpty(valueChange.valueList) ||
+                          !isEmpty(valueChange.valueObject))
+                );
+                submitReqFieldsChanges$.push(valueChanges$);
+            }
+        });
+        actions.forEach(action => {
+            const disableOnValidationErrors = action.disableOnValidationErrors ?? false;
+            const disableOnReqFieldsNotChecked = action.disableOnReqFieldsNotChecked ?? false;
+
+            const hasAllReqFieldsValue$: Observable<boolean> = combineLatest(submitReqFieldsChanges$).pipe(
+                distinctUntilChanged(),
+                map((reqArr: any) => reqArr.every(value => value))
+            );
+
+            if (disableOnValidationErrors && disableOnReqFieldsNotChecked) {
+                action.disabled$  = combineLatest([validationState$, hasAllReqFieldsValue$]).pipe(
+                    map(([isValid, hasAllValue]) => isValid || !hasAllValue)
+                );
+            }
+
+            else if (disableOnValidationErrors && !disableOnReqFieldsNotChecked) {
+                action.disabled$ = validationState$;
+            }
+
+            else if (!disableOnValidationErrors && disableOnReqFieldsNotChecked) {
+                action.disabled$ = hasAllReqFieldsValue$;
+            } else {
+                return;
+            }
+
+        });
+    }
+
     protected buildActionData(action: Action, context?: ActionContext): RecordActionData {
         return {
             store: this.store,
-            action: action
+            action,
         } as RecordActionData;
     }
 
     /**
      * Build backend process input
      *
-     * @param action
-     * @param actionName
-     * @param moduleName
-     * @param context
+     * @param {Action} action Action
+     * @param {string} actionName Action Name
+     * @param {string} moduleName Module Name
+     * @param {ActionContext|null} context Context
+     * @returns {AsyncActionInput} Built backend process input
      */
     protected buildActionInput(action: Action, actionName: string, moduleName: string, context: ActionContext = null): AsyncActionInput {
         const baseRecord = this.store.getBaseRecord();
@@ -151,4 +254,42 @@ export class RecordActionsAdapter extends BaseRecordActionsAdapter<RecordActionD
     protected reload(action: Action, process: Process, context?: ActionContext): void {
         this.store.load(false).pipe(take(1)).subscribe();
     }
+
+    private disableActionsOnDetailMode(actions: Action[], stagingState: Record, requiredForSubmitObj: ObjectMap): void {
+        Object.keys(requiredForSubmitObj).forEach((fieldName) => {
+            const field = stagingState.fields[fieldName];
+            if (!field) {
+                return;
+            }
+            if (
+                !isEmpty(field?.value)
+              || !isEmpty(field?.valueList)
+              || !isEmpty(field?.valueObject)
+            ) {
+                return;
+            }
+            actions.forEach((action) => {
+                const disableOnReqFieldsNotChecked = action.disableOnReqFieldsNotChecked ??
+                  false;
+                if (disableOnReqFieldsNotChecked) {
+                    action.disabled$ = of(true);
+                }
+            });
+        });
+    }
+
+    private extractRequiredSubmitFields(): ObjectMap {
+        const requiredForSubmitObj = {};
+        this.store.panels.forEach((panel: Panel) => {
+            panel.rows.forEach((panelRow: PanelRow) => {
+                panelRow.cols.forEach((col: PanelCell) => {
+                    if (col?.required_f_submit && panel.displayState.value) {
+                        requiredForSubmitObj[col.name] = col?.required_f_submit;
+                    }
+                });
+            });
+        });
+        return requiredForSubmitObj;
+    }
+
 }
diff --git a/core/app/core/src/lib/views/record/adapters/record-content.adapter.ts b/core/app/core/src/lib/views/record/adapters/record-content.adapter.ts
index a99baae91a..a3b375a953 100644
--- a/core/app/core/src/lib/views/record/adapters/record-content.adapter.ts
+++ b/core/app/core/src/lib/views/record/adapters/record-content.adapter.ts
@@ -24,10 +24,10 @@
  * the words "Supercharged by SuiteCRM".
  */
 
-import {BehaviorSubject, combineLatest, Observable, Subscription} from 'rxjs';
+import {combineLatest, Observable, Subscription} from 'rxjs';
 import {Injectable} from '@angular/core';
 import {map} from 'rxjs/operators';
-import {Action, Panel, PanelRow, Record} from 'common';
+import {Action, Panel, Record} from 'common';
 import {MetadataStore, RecordViewMetadata} from '../../../store/metadata/metadata.store.service';
 import {RecordContentConfig, RecordContentDataSource} from '../../../components/record-content/record-content.model';
 import {RecordActionManager} from '../actions/record-action-manager.service';
@@ -40,7 +40,7 @@ import {PanelLogicManager} from '../../../components/panel-logic/panel-logic.man
 export class RecordContentAdapter implements RecordContentDataSource {
     inlineEdit: true;
 
-    protected fieldSubs : Subscription[] = [];
+    protected fieldSubs: Subscription[] = [];
 
     constructor(
         protected store: RecordViewStore,
@@ -84,61 +84,7 @@ export class RecordContentAdapter implements RecordContentDataSource {
     }
 
     getPanels(): Observable<Panel[]> {
-        return combineLatest(
-            [this.metadata.recordViewMetadata$, this.store.stagingRecord$, this.language.vm$]
-        ).pipe(
-            map(([meta, record, languages]) => {
-                const panels = [];
-                const module = (record && record.module) || '';
-
-                this.fieldSubs.forEach(sub => sub.unsubscribe());
-
-                meta.panels.forEach(panelDefinition => {
-                    const label = this.language.getFieldLabel(panelDefinition.key.toUpperCase(), module, languages);
-                    const panel = {label, key: panelDefinition.key, rows: []} as Panel;
-
-                    const tabDef = meta.templateMeta.tabDefs[panelDefinition.key.toUpperCase()] ?? null;
-                    if(tabDef) {
-                        panel.meta = tabDef;
-                    }
-
-                    panelDefinition.rows.forEach(rowDefinition => {
-                        const row = {cols: []} as PanelRow;
-                        rowDefinition.cols.forEach(cellDefinition => {
-                            row.cols.push({...cellDefinition});
-                        });
-                        panel.rows.push(row);
-                    });
-
-                    panel.displayState = new BehaviorSubject(tabDef?.display ?? true);
-                    panel.display$ = panel.displayState.asObservable();
-
-                    panels.push(panel);
-
-                    if (tabDef?.displayLogic) {
-                        Object.keys(tabDef.displayLogic).forEach((logicDefKey) => {
-                            const logicDef = tabDef.displayLogic[logicDefKey];
-                            const logicType = logicDef.key;
-
-                            if(logicDef.params.fieldDependencies && (record && record.fields)) {
-                                logicDef.params.fieldDependencies.forEach(fieldKey => {
-                                    const field = record.fields[fieldKey] || null;
-                                    if (!field) {
-                                        return;
-                                    }
-
-                                    this.fieldSubs.push(field.valueChanges$.subscribe((value) => {
-                                        this.logicManager.runLogic(logicType, field, panel, record, this.store.getMode());
-
-                                    }));
-                                });
-                            }
-                        });
-                    }
-                });
-                return panels;
-            })
-        );
+        return this.store.panels$;
     }
 
     getRecord(): Observable<Record> {
diff --git a/core/app/core/src/lib/views/record/store/record-view/record-view.store.ts b/core/app/core/src/lib/views/record/store/record-view/record-view.store.ts
index 69fd742fca..2f3da87d1b 100644
--- a/core/app/core/src/lib/views/record/store/record-view/record-view.store.ts
+++ b/core/app/core/src/lib/views/record/store/record-view/record-view.store.ts
@@ -24,6 +24,7 @@
  * the words "Supercharged by SuiteCRM".
  */
 
+import {isEmpty} from 'lodash-es';
 import {Injectable} from '@angular/core';
 import {BehaviorSubject, combineLatest, Observable, of, Subscription} from 'rxjs';
 import {
@@ -37,7 +38,9 @@ import {
     SubPanelMeta,
     ViewContext,
     ViewFieldDefinition,
-    ViewMode
+    ViewMode,
+    Panel,
+    PanelRow,
 } from 'common';
 import {catchError, distinctUntilChanged, finalize, map, take, tap} from 'rxjs/operators';
 import {RecordViewData, RecordViewModel, RecordViewState} from './record-view.store.model';
@@ -65,6 +68,7 @@ import {Params} from '@angular/router';
 import {StatisticsBatch} from '../../../../store/statistics/statistics-batch.service';
 import {RecordStoreFactory} from '../../../../store/record/record.store.factory';
 import {UserPreferenceStore} from '../../../../store/user-preference/user-preference.store';
+import {PanelLogicManager} from '../../../../components/panel-logic/panel-logic.manager';
 
 const initialState: RecordViewState = {
     module: '',
@@ -99,6 +103,8 @@ export class RecordViewStore extends ViewStore implements StateStore {
     subpanels$: Observable<SubpanelStoreMap>;
     viewContext$: Observable<ViewContext>;
     subpanelReload$: Observable<BooleanMap>;
+    panels: Panel[] = [];
+    panels$: Observable<Panel[]>;
 
 
     /**
@@ -119,6 +125,8 @@ export class RecordViewStore extends ViewStore implements StateStore {
     protected subpanelReloadSubject = new BehaviorSubject<BooleanMap>({} as BooleanMap);
     protected subpanelReloadSub: Subscription[] = [];
     protected subs: Subscription[] = [];
+    protected fieldSubs: Subscription[] = [];
+    protected panelsSubject: BehaviorSubject<Panel[]> = new BehaviorSubject(this.panels);
 
     constructor(
         protected recordFetchGQL: RecordFetchGQL,
@@ -134,11 +142,14 @@ export class RecordViewStore extends ViewStore implements StateStore {
         protected recordManager: RecordManager,
         protected statisticsBatch: StatisticsBatch,
         protected recordStoreFactory: RecordStoreFactory,
-        protected preferences: UserPreferenceStore
+        protected preferences: UserPreferenceStore,
+        protected panelLogicManager: PanelLogicManager,
     ) {
 
         super(appStateStore, languageStore, navigationStore, moduleNavigation, metadataStore);
 
+        this.panels$ = this.panelsSubject.asObservable();
+
         this.recordStore = recordStoreFactory.create(this.getViewFieldsObservable());
 
         this.record$ = this.recordStore.state$.pipe(distinctUntilChanged());
@@ -170,9 +181,8 @@ export class RecordViewStore extends ViewStore implements StateStore {
         this.subpanels$ = this.subpanelsState.asObservable();
 
 
-        this.viewContext$ = this.record$.pipe(map(() => {
-            return this.getViewContext();
-        }));
+        this.viewContext$ = this.record$.pipe(map(() => this.getViewContext()));
+        this.initPanels();
     }
 
     get widgets(): boolean {
@@ -293,6 +303,8 @@ export class RecordViewStore extends ViewStore implements StateStore {
         this.clearSubpanels();
         this.subpanelsState.unsubscribe();
         this.updateState(deepClone(initialState));
+        this.subs = this.safeUnsubscription(this.subs);
+        this.fieldSubs = this.safeUnsubscription(this.fieldSubs);
     }
 
     /**
@@ -522,6 +534,70 @@ export class RecordViewStore extends ViewStore implements StateStore {
         });
     }
 
+    protected initPanels(): void {
+        const panelSub = combineLatest([
+            this.metadataStore.recordViewMetadata$,
+            this.stagingRecord$,
+            this.languageStore.vm$,
+        ]).subscribe(([meta, record, languages]) => {
+            const panels = [];
+            const module = (record && record.module) || '';
+
+            this.safeUnsubscription(this.fieldSubs);
+            meta.panels.forEach(panelDefinition => {
+                const label = (panelDefinition.label)
+                    ? panelDefinition.label.toUpperCase()
+                    : this.languageStore.getFieldLabel(panelDefinition.key.toUpperCase(), module, languages);
+                const panel = { label, key: panelDefinition.key, rows: [] } as Panel;
+
+                const tabDef = meta.templateMeta.tabDefs[panelDefinition.key.toUpperCase()] ?? null;
+                if (tabDef) {
+                    panel.meta = tabDef;
+                }
+
+                panelDefinition.rows.forEach(rowDefinition => {
+                    const row = { cols: [] } as PanelRow;
+                    rowDefinition.cols.forEach(cellDefinition => {
+                        row.cols.push({ ...cellDefinition });
+                    });
+                    panel.rows.push(row);
+                });
+
+                panel.displayState = new BehaviorSubject(tabDef?.display ?? true);
+                panel.display$ = panel.displayState.asObservable();
+
+                panels.push(panel);
+
+                if (isEmpty(record?.fields) || isEmpty(tabDef?.displayLogic)) {
+                    return;
+                }
+
+                Object.values(tabDef.displayLogic).forEach((logicDef) => {
+                    if (isEmpty(logicDef?.params?.fieldDependencies)) {
+                        return;
+                    }
+
+                    logicDef.params.fieldDependencies.forEach(fieldKey => {
+                        const field = record.fields[fieldKey] || null;
+                        if (isEmpty(field)) {
+                            return;
+                        }
+
+                        this.fieldSubs.push(
+                            field.valueChanges$.subscribe(() => {
+                                this.panelLogicManager.runLogic(logicDef.key, field, panel, record, this.getMode());
+                            }),
+                        );
+                    });
+                });
+            });
+            this.panelsSubject.next(this.panels = panels);
+            return panels;
+        });
+
+        this.subs.push(panelSub);
+    }
+
     protected clearSubpanels(): void {
         if (this.subpanels) {
             Object.keys(this.subpanels).forEach((key: string) => {
@@ -602,8 +678,10 @@ export class RecordViewStore extends ViewStore implements StateStore {
 
     /**
      * Build ui user preference key
-     * @param storageKey
+     *
+     * @param {string} storageKey Storage Key
      * @protected
+     * @returns {string} Preference Key
      */
     protected getPreferenceKey(storageKey: string): string {
         return 'recordview-' + storageKey;
@@ -611,9 +689,10 @@ export class RecordViewStore extends ViewStore implements StateStore {
 
     /**
      * Save ui user preference
-     * @param module
-     * @param storageKey
-     * @param value
+     *
+     * @param {string} module Module
+     * @param {string} storageKey Storage Key
+     * @param {any} value Value
      * @protected
      */
     protected savePreference(module: string, storageKey: string, value: any): void {
@@ -622,9 +701,11 @@ export class RecordViewStore extends ViewStore implements StateStore {
 
     /**
      * Load ui user preference
-     * @param module
-     * @param storageKey
+     *
+     * @param {string} module Module
+     * @param {string} storageKey Storage Key
      * @protected
+     * @returns {any} User Preference
      */
     protected loadPreference(module: string, storageKey: string): any {
         return this.preferences.getUi(module, this.getPreferenceKey(storageKey));
@@ -678,4 +759,16 @@ export class RecordViewStore extends ViewStore implements StateStore {
         });
     }
 
+    private safeUnsubscription(subscriptionArray: Subscription[]): Subscription[] {
+        subscriptionArray.forEach(sub => {
+            if (sub.closed) {
+                return;
+            }
+
+            sub.unsubscribe();
+        });
+        subscriptionArray = [];
+
+        return subscriptionArray;
+    }
 }
diff --git a/core/app/shell/src/themes/suite8/css/components/_button-danger.scss b/core/app/shell/src/themes/suite8/css/components/_button-danger.scss
index 87a6c8339e..b593d1a8d8 100644
--- a/core/app/shell/src/themes/suite8/css/components/_button-danger.scss
+++ b/core/app/shell/src/themes/suite8/css/components/_button-danger.scss
@@ -46,6 +46,7 @@
 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
   color: $btn-danger;
   background-color: transparent;
+  cursor: not-allowed;
 }
 
 .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
@@ -83,6 +84,7 @@
   color: #fff;
   background-color: $btn-danger;
   border-color: $btn-danger;
+  cursor: not-allowed;
 }
 
 .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
diff --git a/core/app/shell/src/themes/suite8/css/components/_button-main.scss b/core/app/shell/src/themes/suite8/css/components/_button-main.scss
index 28f7cde87b..8b3501f33c 100644
--- a/core/app/shell/src/themes/suite8/css/components/_button-main.scss
+++ b/core/app/shell/src/themes/suite8/css/components/_button-main.scss
@@ -46,6 +46,7 @@
 .btn-outline-main.disabled, .btn-outline-main:disabled {
   color: $main;
   background-color: transparent;
+  cursor: not-allowed;
 }
 
 .btn-outline-main:not(:disabled):not(.disabled):active, .btn-outline-main:not(:disabled):not(.disabled).active,
@@ -83,6 +84,7 @@
   color: $white;
   background-color: $main;
   border-color: $main;
+  cursor: not-allowed;
 }
 
 .btn-main:not(:disabled):not(.disabled):active, .btn-main:not(:disabled):not(.disabled).active,
diff --git a/core/app/shell/src/themes/suite8/css/components/_button-primary.scss b/core/app/shell/src/themes/suite8/css/components/_button-primary.scss
index 47c748ba0c..707fd28ab5 100644
--- a/core/app/shell/src/themes/suite8/css/components/_button-primary.scss
+++ b/core/app/shell/src/themes/suite8/css/components/_button-primary.scss
@@ -46,6 +46,7 @@
 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
   color: $primary;
   background-color: transparent;
+  cursor: not-allowed;
 }
 
 .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
@@ -83,6 +84,7 @@
   color: $white;
   background-color: $primary;
   border-color: $primary;
+  cursor: not-allowed;
 }
 
 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
diff --git a/core/app/shell/src/themes/suite8/css/components/_button-secondary.scss b/core/app/shell/src/themes/suite8/css/components/_button-secondary.scss
index 5395deb05c..0491b963e1 100644
--- a/core/app/shell/src/themes/suite8/css/components/_button-secondary.scss
+++ b/core/app/shell/src/themes/suite8/css/components/_button-secondary.scss
@@ -48,6 +48,7 @@
 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
   color: $secondary;
   background-color: transparent;
+  cursor: not-allowed;
 }
 
 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
@@ -90,6 +91,7 @@
   fill: $white;
   background-color: $secondary;
   border-color: $secondary;
+  cursor: not-allowed;
 }
 
 .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
diff --git a/core/app/shell/src/themes/suite8/css/components/_button.scss b/core/app/shell/src/themes/suite8/css/components/_button.scss
index d1373df9f3..52a619fa44 100644
--- a/core/app/shell/src/themes/suite8/css/components/_button.scss
+++ b/core/app/shell/src/themes/suite8/css/components/_button.scss
@@ -194,6 +194,7 @@ button {
 
 .action-button.disabled, .settings-button.disabled {
   opacity: 40%;
+  cursor: not-allowed;
 }
 
 .widget-header .btn-link {