diff --git a/app/helpers/application_helper/navbar.rb b/app/helpers/application_helper/navbar.rb
index 0b3dcf4b22d..2ef1b684eb5 100644
--- a/app/helpers/application_helper/navbar.rb
+++ b/app/helpers/application_helper/navbar.rb
@@ -4,7 +4,6 @@ def menu_to_json(placement = :default)
       structure = []
       Menu::Manager.menu(placement) do |menu_section|
         next unless menu_section.visible?
-
         structure << item_to_hash(menu_section)
       end
       structure
@@ -16,6 +15,7 @@ def item_to_hash(item)
         :title       => item.name,
         :iconClass   => item.icon,
         :href        => item.link_params[:href],
+        :type        => item.type,
         :preventHref => !item.href,
         :visible     => item.visible?,
         :active      => item_active?(item),
diff --git a/app/javascript/components/main-menu/helpers.js b/app/javascript/components/main-menu/helpers.js
new file mode 100644
index 00000000000..38dd5566002
--- /dev/null
+++ b/app/javascript/components/main-menu/helpers.js
@@ -0,0 +1,7 @@
+export const getHrefByType = (type, href, id) => (
+  {
+    big_iframe: `/dashboard/iframe?id=${id}`,
+    // eslint-disable-next-line no-script-url
+    modal: 'javascript:void(0);',
+  }
+)[type] || href;
diff --git a/app/javascript/components/main-menu/second-level.jsx b/app/javascript/components/main-menu/second-level.jsx
index b8801f1f591..a2a48a5011f 100644
--- a/app/javascript/components/main-menu/second-level.jsx
+++ b/app/javascript/components/main-menu/second-level.jsx
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { MenuItem } from './main-menu';
 import { menuProps } from './recursive-props';
+import { getHrefByType } from './helpers';
 
 const SecondLevel = ({
   id,
@@ -9,9 +10,17 @@ const SecondLevel = ({
   href,
   items,
   level,
+  type,
 }) => (
   <li className={`list-group-item ${items.length > 0 ? 'tertiary-nav-item-pf' : ''}`} data-target={`#menu-${id}`}>
-    <a href={href}>
+    <a
+      href={getHrefByType(type, href, id)}
+      onMouseDown={() => {
+        window.miqCheckForChanges();
+        return type === 'modal' && sendDataWithRx({ type: 'showAboutModal' });
+      }}
+      target={type === 'new_window' ? '_blank' : '_self'}
+    >
       <span className="list-group-item-value">{title}</span>
     </a>
     <div className="nav-pf-tertiary-nav">
diff --git a/app/javascript/components/main-menu/third-level.jsx b/app/javascript/components/main-menu/third-level.jsx
index f316d06d6d5..e682d846d08 100644
--- a/app/javascript/components/main-menu/third-level.jsx
+++ b/app/javascript/components/main-menu/third-level.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { menuProps } from './recursive-props';
+import { getHrefByType } from './helpers';
 
 const ThirdLevel = ({
   id,
@@ -7,9 +8,17 @@ const ThirdLevel = ({
   href,
   active,
   visible,
+  type,
 }) => (!visible ? null : (
   <li className={`list-group-item ${active ? 'active' : ''}`} id={`menu_item_${id}`}>
-    <a href={href}>
+    <a
+      href={getHrefByType(type, href, id)}
+      onMouseDown={() => {
+        window.miqCheckForChanges();
+        return type === 'modal' && sendDataWithRx({ type: 'showAboutModal' });
+      }}
+      target={type === 'new_window' ? '_blank' : '_self'}
+    >
       <span className="list-group-item-value">{title}</span>
     </a>
   </li>
diff --git a/app/javascript/components/main-menu/top-level.jsx b/app/javascript/components/main-menu/top-level.jsx
index e841ca05cea..0bd37c96f5a 100644
--- a/app/javascript/components/main-menu/top-level.jsx
+++ b/app/javascript/components/main-menu/top-level.jsx
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { MenuItem } from './main-menu';
 import { menuProps, RecursiveMenuProps } from './recursive-props';
+import { getHrefByType } from './helpers';
 
 const TopLevel = ({
   level,
@@ -11,9 +12,17 @@ const TopLevel = ({
   href,
   active,
   items,
+  type,
 }) => (
   <li className={`${active ? 'active' : ''} list-group-item secondary-nav-item-pf`} data-target={`#menu-${id}`}>
-    <a href={href}>
+    <a
+      href={getHrefByType(type, href, id)}
+      onMouseDown={() => {
+        window.miqCheckForChanges();
+        return type === 'modal' && sendDataWithRx({ type: 'showAboutModal' });
+      }}
+      target={type === 'new_window' ? '_blank' : '_self'}
+    >
       <span className={iconClass} />
       <span className="list-group-item-value">{title}</span>
     </a>
diff --git a/app/javascript/spec/main-menu/__snapshots__/main-menu.spec.js.snap b/app/javascript/spec/main-menu/__snapshots__/main-menu.spec.js.snap
index ff0f8277b0f..de7d3dbcb46 100644
--- a/app/javascript/spec/main-menu/__snapshots__/main-menu.spec.js.snap
+++ b/app/javascript/spec/main-menu/__snapshots__/main-menu.spec.js.snap
@@ -18,6 +18,7 @@ exports[`Main menu test should render correctly 1`] = `
             "items": Array [],
             "preventHref": false,
             "title": "Dashboard",
+            "type": "modal",
             "visible": true,
           },
           Object {
@@ -28,11 +29,13 @@ exports[`Main menu test should render correctly 1`] = `
             "items": Array [],
             "preventHref": false,
             "title": "Chargeback",
+            "type": "big_iframe",
             "visible": true,
           },
         ],
         "preventHref": true,
         "title": "Cloud Intel",
+        "type": "default",
         "visible": true,
       },
       Object {
@@ -55,6 +58,7 @@ exports[`Main menu test should render correctly 1`] = `
                 "items": Array [],
                 "preventHref": false,
                 "title": "Providers",
+                "type": "new_window",
                 "visible": true,
               },
               Object {
@@ -65,6 +69,7 @@ exports[`Main menu test should render correctly 1`] = `
                 "items": Array [],
                 "preventHref": false,
                 "title": "Availability Zones",
+                "type": "default",
                 "visible": true,
               },
               Object {
@@ -75,16 +80,19 @@ exports[`Main menu test should render correctly 1`] = `
                 "items": Array [],
                 "preventHref": false,
                 "title": "Host Aggregates",
+                "type": "new_window",
                 "visible": false,
               },
             ],
             "preventHref": true,
             "title": "Clouds",
+            "type": "new_window",
             "visible": true,
           },
         ],
         "preventHref": true,
         "title": "Compute",
+        "type": "new_window",
         "visible": true,
       },
     ]
@@ -121,6 +129,7 @@ exports[`Main menu test should render correctly 1`] = `
                   "items": Array [],
                   "preventHref": false,
                   "title": "Dashboard",
+                  "type": "modal",
                   "visible": true,
                 },
                 Object {
@@ -131,6 +140,7 @@ exports[`Main menu test should render correctly 1`] = `
                   "items": Array [],
                   "preventHref": false,
                   "title": "Chargeback",
+                  "type": "big_iframe",
                   "visible": true,
                 },
               ]
@@ -139,6 +149,7 @@ exports[`Main menu test should render correctly 1`] = `
             level={0}
             preventHref={true}
             title="Cloud Intel"
+            type="default"
             visible={true}
           >
             <TopLevel
@@ -156,6 +167,7 @@ exports[`Main menu test should render correctly 1`] = `
                     "items": Array [],
                     "preventHref": false,
                     "title": "Dashboard",
+                    "type": "modal",
                     "visible": true,
                   },
                   Object {
@@ -166,6 +178,7 @@ exports[`Main menu test should render correctly 1`] = `
                     "items": Array [],
                     "preventHref": false,
                     "title": "Chargeback",
+                    "type": "big_iframe",
                     "visible": true,
                   },
                 ]
@@ -173,6 +186,7 @@ exports[`Main menu test should render correctly 1`] = `
               level={0}
               preventHref={true}
               title="Cloud Intel"
+              type="default"
               visible={true}
             >
               <li
@@ -181,6 +195,8 @@ exports[`Main menu test should render correctly 1`] = `
               >
                 <a
                   href="/dashboard/maintab/?tab=vi"
+                  onMouseDown={[Function]}
+                  target="_self"
                 >
                   <span
                     className="fa fa-dashboard"
@@ -219,6 +235,7 @@ exports[`Main menu test should render correctly 1`] = `
                       level={1}
                       preventHref={false}
                       title="Dashboard"
+                      type="modal"
                       visible={true}
                     >
                       <SecondLevel
@@ -230,6 +247,7 @@ exports[`Main menu test should render correctly 1`] = `
                         level={1}
                         preventHref={false}
                         title="Dashboard"
+                        type="modal"
                         visible={true}
                       >
                         <li
@@ -237,7 +255,9 @@ exports[`Main menu test should render correctly 1`] = `
                           data-target="#menu-dashboard"
                         >
                           <a
-                            href="/dashboard/show"
+                            href="javascript:void(0);"
+                            onMouseDown={[Function]}
+                            target="_self"
                           >
                             <span
                               className="list-group-item-value"
@@ -273,6 +293,7 @@ exports[`Main menu test should render correctly 1`] = `
                       level={1}
                       preventHref={false}
                       title="Chargeback"
+                      type="big_iframe"
                       visible={true}
                     >
                       <SecondLevel
@@ -284,6 +305,7 @@ exports[`Main menu test should render correctly 1`] = `
                         level={1}
                         preventHref={false}
                         title="Chargeback"
+                        type="big_iframe"
                         visible={true}
                       >
                         <li
@@ -291,7 +313,9 @@ exports[`Main menu test should render correctly 1`] = `
                           data-target="#menu-chargeback"
                         >
                           <a
-                            href="/chargeback/explorer"
+                            href="/dashboard/iframe?id=chargeback"
+                            onMouseDown={[Function]}
+                            target="_self"
                           >
                             <span
                               className="list-group-item-value"
@@ -343,6 +367,7 @@ exports[`Main menu test should render correctly 1`] = `
                       "items": Array [],
                       "preventHref": false,
                       "title": "Providers",
+                      "type": "new_window",
                       "visible": true,
                     },
                     Object {
@@ -353,6 +378,7 @@ exports[`Main menu test should render correctly 1`] = `
                       "items": Array [],
                       "preventHref": false,
                       "title": "Availability Zones",
+                      "type": "default",
                       "visible": true,
                     },
                     Object {
@@ -363,11 +389,13 @@ exports[`Main menu test should render correctly 1`] = `
                       "items": Array [],
                       "preventHref": false,
                       "title": "Host Aggregates",
+                      "type": "new_window",
                       "visible": false,
                     },
                   ],
                   "preventHref": true,
                   "title": "Clouds",
+                  "type": "new_window",
                   "visible": true,
                 },
               ]
@@ -376,6 +404,7 @@ exports[`Main menu test should render correctly 1`] = `
             level={0}
             preventHref={true}
             title="Compute"
+            type="new_window"
             visible={true}
           >
             <TopLevel
@@ -399,6 +428,7 @@ exports[`Main menu test should render correctly 1`] = `
                         "items": Array [],
                         "preventHref": false,
                         "title": "Providers",
+                        "type": "new_window",
                         "visible": true,
                       },
                       Object {
@@ -409,6 +439,7 @@ exports[`Main menu test should render correctly 1`] = `
                         "items": Array [],
                         "preventHref": false,
                         "title": "Availability Zones",
+                        "type": "default",
                         "visible": true,
                       },
                       Object {
@@ -419,11 +450,13 @@ exports[`Main menu test should render correctly 1`] = `
                         "items": Array [],
                         "preventHref": false,
                         "title": "Host Aggregates",
+                        "type": "new_window",
                         "visible": false,
                       },
                     ],
                     "preventHref": true,
                     "title": "Clouds",
+                    "type": "new_window",
                     "visible": true,
                   },
                 ]
@@ -431,6 +464,7 @@ exports[`Main menu test should render correctly 1`] = `
               level={0}
               preventHref={true}
               title="Compute"
+              type="new_window"
               visible={true}
             >
               <li
@@ -439,6 +473,8 @@ exports[`Main menu test should render correctly 1`] = `
               >
                 <a
                   href="/dashboard/maintab/?tab=compute"
+                  onMouseDown={[Function]}
+                  target="_blank"
                 >
                   <span
                     className="pficon pficon-cpu"
@@ -482,6 +518,7 @@ exports[`Main menu test should render correctly 1`] = `
                             "items": Array [],
                             "preventHref": false,
                             "title": "Providers",
+                            "type": "new_window",
                             "visible": true,
                           },
                           Object {
@@ -492,6 +529,7 @@ exports[`Main menu test should render correctly 1`] = `
                             "items": Array [],
                             "preventHref": false,
                             "title": "Availability Zones",
+                            "type": "default",
                             "visible": true,
                           },
                           Object {
@@ -502,6 +540,7 @@ exports[`Main menu test should render correctly 1`] = `
                             "items": Array [],
                             "preventHref": false,
                             "title": "Host Aggregates",
+                            "type": "new_window",
                             "visible": false,
                           },
                         ]
@@ -510,6 +549,7 @@ exports[`Main menu test should render correctly 1`] = `
                       level={1}
                       preventHref={true}
                       title="Clouds"
+                      type="new_window"
                       visible={true}
                     >
                       <SecondLevel
@@ -527,6 +567,7 @@ exports[`Main menu test should render correctly 1`] = `
                               "items": Array [],
                               "preventHref": false,
                               "title": "Providers",
+                              "type": "new_window",
                               "visible": true,
                             },
                             Object {
@@ -537,6 +578,7 @@ exports[`Main menu test should render correctly 1`] = `
                               "items": Array [],
                               "preventHref": false,
                               "title": "Availability Zones",
+                              "type": "default",
                               "visible": true,
                             },
                             Object {
@@ -547,6 +589,7 @@ exports[`Main menu test should render correctly 1`] = `
                               "items": Array [],
                               "preventHref": false,
                               "title": "Host Aggregates",
+                              "type": "new_window",
                               "visible": false,
                             },
                           ]
@@ -554,6 +597,7 @@ exports[`Main menu test should render correctly 1`] = `
                         level={1}
                         preventHref={true}
                         title="Clouds"
+                        type="new_window"
                         visible={true}
                       >
                         <li
@@ -562,6 +606,8 @@ exports[`Main menu test should render correctly 1`] = `
                         >
                           <a
                             href="/dashboard/maintab/?tab=clo"
+                            onMouseDown={[Function]}
+                            target="_blank"
                           >
                             <span
                               className="list-group-item-value"
@@ -596,6 +642,7 @@ exports[`Main menu test should render correctly 1`] = `
                                 level={2}
                                 preventHref={false}
                                 title="Providers"
+                                type="new_window"
                                 visible={true}
                               >
                                 <ThirdLevel
@@ -607,6 +654,7 @@ exports[`Main menu test should render correctly 1`] = `
                                   level={2}
                                   preventHref={false}
                                   title="Providers"
+                                  type="new_window"
                                   visible={true}
                                 >
                                   <li
@@ -615,6 +663,8 @@ exports[`Main menu test should render correctly 1`] = `
                                   >
                                     <a
                                       href="/ems_cloud/show_list"
+                                      onMouseDown={[Function]}
+                                      target="_blank"
                                     >
                                       <span
                                         className="list-group-item-value"
@@ -635,6 +685,7 @@ exports[`Main menu test should render correctly 1`] = `
                                 level={2}
                                 preventHref={false}
                                 title="Availability Zones"
+                                type="default"
                                 visible={true}
                               >
                                 <ThirdLevel
@@ -646,6 +697,7 @@ exports[`Main menu test should render correctly 1`] = `
                                   level={2}
                                   preventHref={false}
                                   title="Availability Zones"
+                                  type="default"
                                   visible={true}
                                 >
                                   <li
@@ -654,6 +706,8 @@ exports[`Main menu test should render correctly 1`] = `
                                   >
                                     <a
                                       href="/availability_zone/show_list"
+                                      onMouseDown={[Function]}
+                                      target="_self"
                                     >
                                       <span
                                         className="list-group-item-value"
@@ -674,6 +728,7 @@ exports[`Main menu test should render correctly 1`] = `
                                 level={2}
                                 preventHref={false}
                                 title="Host Aggregates"
+                                type="new_window"
                                 visible={false}
                               >
                                 <ThirdLevel
@@ -685,6 +740,7 @@ exports[`Main menu test should render correctly 1`] = `
                                   level={2}
                                   preventHref={false}
                                   title="Host Aggregates"
+                                  type="new_window"
                                   visible={false}
                                 />
                               </Component>
diff --git a/app/javascript/spec/main-menu/main-menu.spec.js b/app/javascript/spec/main-menu/main-menu.spec.js
index b7ba09e0d1e..f9021747e0d 100644
--- a/app/javascript/spec/main-menu/main-menu.spec.js
+++ b/app/javascript/spec/main-menu/main-menu.spec.js
@@ -18,6 +18,7 @@ describe('Main menu test', () => {
       preventHref: true,
       visible: true,
       active: true,
+      type: 'default',
       items: [{
         id: 'dashboard',
         title: 'Dashboard',
@@ -26,6 +27,7 @@ describe('Main menu test', () => {
         preventHref: false,
         visible: true,
         active: true,
+        type: 'modal',
         items: [],
       }, {
         id: 'chargeback',
@@ -35,6 +37,7 @@ describe('Main menu test', () => {
         preventHref: false,
         visible: true,
         active: false,
+        type: 'big_iframe',
         items: [],
       }],
     }, {
@@ -45,6 +48,7 @@ describe('Main menu test', () => {
       preventHref: true,
       visible: true,
       active: false,
+      type: 'new_window',
       items: [{
         id: 'clo',
         title: 'Clouds',
@@ -53,6 +57,7 @@ describe('Main menu test', () => {
         preventHref: true,
         visible: true,
         active: false,
+        type: 'new_window',
         items: [{
           id: 'ems_cloud',
           title: 'Providers',
@@ -61,6 +66,7 @@ describe('Main menu test', () => {
           preventHref: false,
           visible: true,
           active: true,
+          type: 'new_window',
           items: [],
         }, {
           id: 'availability_zone',
@@ -70,6 +76,7 @@ describe('Main menu test', () => {
           preventHref: false,
           visible: true,
           active: false,
+          type: 'default',
           items: [],
         }, {
           id: 'host_aggregate',
@@ -79,6 +86,7 @@ describe('Main menu test', () => {
           preventHref: false,
           visible: false,
           active: false,
+          type: 'new_window',
           items: [],
         }],
       }],