diff --git a/src/scenario/scenario.js b/src/scenario/scenario.js
index 071c610..7b44f6c 100644
--- a/src/scenario/scenario.js
+++ b/src/scenario/scenario.js
@@ -40,10 +40,12 @@ import DeleteDialog from '../common/dialogs/delete-dialog';
 import EditConfigDialog from "../componentconfig/edit-config";
 import EditSignalMapping from "../signal/edit-signal-mapping";
 import FileStore from "../file/file-store"
+import WidgetStore from "../widget/widget-store";
 
 class Scenario extends React.Component {
+
   static getStores() {
-    return [ ScenarioStore, ConfigStore, DashboardStore, ICStore, LoginStore, SignalStore, FileStore];
+    return [ ScenarioStore, ConfigStore, DashboardStore, ICStore, LoginStore, SignalStore, FileStore, WidgetStore];
   }
 
   static calculateState(prevState, props) {
@@ -96,7 +98,6 @@ class Scenario extends React.Component {
   }
 
   componentDidMount() {
-
     //load selected scenario
     AppDispatcher.dispatch({
       type: 'scenarios/start-load',
@@ -108,25 +109,37 @@ class Scenario extends React.Component {
     AppDispatcher.dispatch({
       type: 'configs/start-load',
       token: this.state.sessionToken,
-      param: '?scenarioID='+this.state.scenario.id,
+      param: '?scenarioID='+this.state.scenario.id
     });
 
     // load dashboards of selected scenario
     AppDispatcher.dispatch({
       type: 'dashboards/start-load',
       token: this.state.sessionToken,
-      param: '?scenarioID='+this.state.scenario.id,
+      param: '?scenarioID='+this.state.scenario.id
     });
 
     // load ICs to enable that component configs work with them
     AppDispatcher.dispatch({
       type: 'ics/start-load',
-      token: this.state.sessionToken,
+      token: this.state.sessionToken
     });
-
-
   }
 
+  componentDidUpdate(prevProps, prevState) {
+    // load widgets when dashboard id(s) are available
+    if (this.state.dashboards.length !== prevState.dashboards.length) {
+      let dashboards = Object.assign([], this.state.dashboards);
+      dashboards.forEach(dboard => {
+        AppDispatcher.dispatch({
+          type: 'widgets/start-load',
+          token: this.state.sessionToken,
+          param: '?dashboardID='+dboard.id
+      })})
+    }
+  }
+
+
   /* ##############################################
   * Component Configuration modification methods
   ############################################## */
@@ -323,10 +336,14 @@ class Scenario extends React.Component {
     // filter properties
     const dashboard = Object.assign({}, this.state.dashboards[index]);
 
-    // TODO get elements recursively
+    let widgets = WidgetStore.getState().filter(w => w.dashboardID === parseInt(dashboard.id, 10));
 
+
+    var jsonObj = dashboard;
+    jsonObj["widgets"] = widgets;
+ 
     // show save dialog
-    const blob = new Blob([JSON.stringify(dashboard, null, 2)], { type: 'application/json' });
+    const blob = new Blob([JSON.stringify(jsonObj, null, 2)], { type: 'application/json' });
     FileSaver.saveAs(blob, 'dashboard - ' + dashboard.name + '.json');
   }
 
diff --git a/src/scenario/scenarios.js b/src/scenario/scenarios.js
index 8813190..4b1a5bd 100644
--- a/src/scenario/scenarios.js
+++ b/src/scenario/scenarios.js
@@ -23,6 +23,9 @@ import FileSaver from 'file-saver';
 import AppDispatcher from '../common/app-dispatcher';
 import ScenarioStore from './scenario-store';
 import LoginStore from '../user/login-store';
+import DashboardStore from '../dashboard/dashboard-store';
+import WidgetStore from "../widget/widget-store";
+import ConfigStore from '../componentconfig/config-store';
 
 import Icon from '../common/icon';
 import Table from '../common/table';
@@ -33,17 +36,24 @@ import ImportScenarioDialog from './import-scenario';
 
 import DeleteDialog from '../common/dialogs/delete-dialog';
 
+
 class Scenarios extends Component {
+
   static getStores() {
-    return [ ScenarioStore, LoginStore ];
+    return [ ScenarioStore, LoginStore, DashboardStore, WidgetStore, ConfigStore];
   }
 
   static calculateState() {
     const scenarios = ScenarioStore.getState();
     const sessionToken = LoginStore.getState().token;
 
+    let dashboards = DashboardStore.getState();
+    let configs = ConfigStore.getState();
+
     return {
       scenarios,
+      dashboards,
+      configs,
       sessionToken,
 
       newModal: false,
@@ -63,7 +73,37 @@ class Scenarios extends Component {
     });
   }
 
-  componentDidUpdate() {}
+  componentDidUpdate(prevProps, prevState) {
+    // TODO check/change conditions
+
+    // load dashboards when scanario(s) are available
+    if (this.state.scenarios.length !== prevState.scenarios.length) {
+      let scenarios = Object.assign([], this.state.scenarios);
+      scenarios.forEach(scenario => {
+        AppDispatcher.dispatch({
+          type: 'dashboards/start-load',
+          token: this.state.sessionToken,
+          param: '?scenarioID='+scenario.id
+        });
+        AppDispatcher.dispatch({
+          type: 'scenarios/configs',
+          token: this.state.sessionToken,
+          param: '?scenarioID='+scenario.id
+        });
+      })
+    }
+    // load widgets when dashboard id(s) are available
+    if (this.state.dashboards.length !== prevState.dashboards.length) {
+      let dashboards = Object.assign([], this.state.dashboards);
+      dashboards.forEach(dboard => {
+        AppDispatcher.dispatch({
+          type: 'widgets/start-load',
+          token: this.state.sessionToken,
+          param: '?dashboardID='+dboard.id
+      })})
+    }
+  }
+
 
   closeNewModal(data) {
     this.setState({ newModal : false });
@@ -150,14 +190,30 @@ class Scenarios extends Component {
   };
 
   exportScenario(index) {
-    // filter properties
     let scenario = Object.assign({}, this.state.scenarios[index]);
+    let configs = this.state.configs.filter(config => config.scenarioID === scenario.id);
+    let dashboards = this.state.dashboards.filter(dashb => dashb.scenarioID === scenario.id);
+
+    // create JSON object and add component configs
     delete scenario.id;
+    let jsonObj = scenario;
+    jsonObj["configs"] = configs;
 
-    // TODO request missing scenario parameters (Dashboards and component configs) recursively for export
+    // add Dashboards and Widgets to JSON object
+    let json_dashboards = dashboards;
+    json_dashboards.forEach((dboard) =>  {
+      let widgets = WidgetStore.getState().filter(w => w.dashboardID === parseInt(dboard.id, 10));
+      widgets.forEach((widget) => {
+        delete widget.dashboardID;
+      })
+      dboard["widgets"] = widgets;
+      delete dboard.scenarioID;
+    });
+    jsonObj["dashboards"] = json_dashboards;
 
-    // show save dialog
-    const blob = new Blob([JSON.stringify(scenario, null, 2)], { type: 'application/json' });
+
+    // create JSON string and show save dialog
+    const blob = new Blob([JSON.stringify(jsonObj, null, 2)], { type: 'application/json' });
     FileSaver.saveAs(blob, 'scenario - ' + scenario.name + '.json');
   }