X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=ui-react%2Fsrc%2Fcomponents%2Fdialogs%2FOperationalPolicy%2FOperationalPolicyModal.js;h=4dc1f90a0790fec050169d54cc064a4637b5abbf;hb=83fe2b0afab57482c548ccb360fc1266891fa051;hp=1ebe5f0e8b194a3620eb2d5a118da58ed7d86dd8;hpb=841ddaaa26c0faf16353d8e22093daa2553aad57;p=clamp.git

diff --git a/ui-react/src/components/dialogs/OperationalPolicy/OperationalPolicyModal.js b/ui-react/src/components/dialogs/OperationalPolicy/OperationalPolicyModal.js
index 1ebe5f0e..4dc1f90a 100644
--- a/ui-react/src/components/dialogs/OperationalPolicy/OperationalPolicyModal.js
+++ b/ui-react/src/components/dialogs/OperationalPolicy/OperationalPolicyModal.js
@@ -77,8 +77,22 @@ export default class OperationalPolicyModal extends React.Component {
 	}
 
 	setDefaultJsonEditorOptions() {
-		JSONEditor.defaults.options.theme = 'bootstrap4';
-
+		JSONEditor.defaults.themes.myBootstrap4 = JSONEditor.defaults.themes.bootstrap4.extend({
+			getTab: function(text,tabId) {
+				var liel = document.createElement('li');
+				liel.classList.add('nav-item');
+				var ael = document.createElement("a");
+				ael.classList.add("nav-link");
+				ael.setAttribute("style",'padding:10px;max-width:160px;');
+				ael.setAttribute("href", "#" + tabId);
+				ael.setAttribute('data-toggle', 'tab');
+				text.setAttribute("style",'word-wrap:break-word;');
+				ael.appendChild(text);
+				liel.appendChild(ael);
+				return liel;
+			}
+		});
+		JSONEditor.defaults.options.theme = 'myBootstrap4';
 		JSONEditor.defaults.options.object_layout = 'grid';
 		JSONEditor.defaults.options.disable_properties = true;
 		JSONEditor.defaults.options.disable_edit_json = false;