diff --git a/dmp-frontend/src/app/ui/quick-wizard/dataset-editor/dataset-editor-wizard.component.html b/dmp-frontend/src/app/ui/quick-wizard/dataset-editor/dataset-editor-wizard.component.html
index 13e85e5ae..7f4bf5c43 100644
--- a/dmp-frontend/src/app/ui/quick-wizard/dataset-editor/dataset-editor-wizard.component.html
+++ b/dmp-frontend/src/app/ui/quick-wizard/dataset-editor/dataset-editor-wizard.component.html
@@ -48,9 +48,17 @@
required>
{{'QUICKWIZARD.HINT' | translate}}
-
-
+
diff --git a/dmp-frontend/src/app/ui/quick-wizard/dataset-editor/dataset-editor-wizard.component.scss b/dmp-frontend/src/app/ui/quick-wizard/dataset-editor/dataset-editor-wizard.component.scss
index e69de29bb..3d2ff8cf7 100644
--- a/dmp-frontend/src/app/ui/quick-wizard/dataset-editor/dataset-editor-wizard.component.scss
+++ b/dmp-frontend/src/app/ui/quick-wizard/dataset-editor/dataset-editor-wizard.component.scss
@@ -0,0 +1,10 @@
+.toc-pane-container {
+ &.is-sticky~.nav-spacer {
+ height: 500px; // the container size }
+ // height: calc(100vh - 100px); // the container size }
+ }
+}
+
+.is-sticky {
+ margin-top: 70px !important;
+}
diff --git a/dmp-frontend/src/app/ui/quick-wizard/dataset-editor/dataset-editor-wizard.component.ts b/dmp-frontend/src/app/ui/quick-wizard/dataset-editor/dataset-editor-wizard.component.ts
index a32b77b64..e1684f122 100644
--- a/dmp-frontend/src/app/ui/quick-wizard/dataset-editor/dataset-editor-wizard.component.ts
+++ b/dmp-frontend/src/app/ui/quick-wizard/dataset-editor/dataset-editor-wizard.component.ts
@@ -9,6 +9,7 @@ import { BaseComponent } from '@common/base/base.component';
import { TranslateService } from "@ngx-translate/core";
import { Observable } from "rxjs";
import { takeUntil } from "rxjs/operators";
+import { LinkToScroll } from '@app/ui/misc/dataset-description-form/tableOfContentsMaterial/table-of-contents';
@Component({
selector: 'app-dataset-editor-wizard-component',
@@ -122,4 +123,9 @@ export class DatasetEditorWizardComponent extends BaseComponent implements OnIni
window.scrollTo(0, 0);
}
}
+
+ linkToScroll: LinkToScroll;
+ onStepFound(linkToScroll: LinkToScroll) {
+ this.linkToScroll = linkToScroll;
+ }
}
diff --git a/dmp-frontend/src/app/ui/quick-wizard/quick-wizard.module.ts b/dmp-frontend/src/app/ui/quick-wizard/quick-wizard.module.ts
index 99bdfc6e5..eda54f35c 100644
--- a/dmp-frontend/src/app/ui/quick-wizard/quick-wizard.module.ts
+++ b/dmp-frontend/src/app/ui/quick-wizard/quick-wizard.module.ts
@@ -14,6 +14,8 @@ import { QuickWizardEditorComponent } from '@app/ui/quick-wizard/quick-wizard-ed
import { QuickWizardRoutingModule } from '@app/ui/quick-wizard/quick-wizard.routing';
import { CommonFormsModule } from '@common/forms/common-forms.module';
import { CommonUiModule } from '@common/ui/common-ui.module';
+import { TableOfContentsModule } from '../misc/dataset-description-form/tableOfContentsMaterial/table-of-contents.module';
+import { AngularStickyThingsModule } from '@w11k/angular-sticky-things';
@NgModule({
imports: [
@@ -24,7 +26,9 @@ import { CommonUiModule } from '@common/ui/common-ui.module';
ConfirmationDialogModule,
QuickWizardRoutingModule,
DatasetDescriptionFormModule,
- DmpModule
+ DmpModule,
+ TableOfContentsModule,
+ AngularStickyThingsModule
],
declarations: [
GrantEditorWizardComponent,