Deactivating sapui5 Diagnostic Tool

[Former Member]

How can I disable sapui5 diagnostic tool at all in my application? It's triggered by key combination ALT + SHIFT + S which stands for letter Ś. I do not run my application with debug=true, so it should be "false" by default. Unfortunatelly I haven't found answer to my question in sapui5 documentation. I also tried put

sap.m.Support.off();

line, but it didn't work for me.

[Former Member · Accepted solution]

You can try to set the productive flag to true before bootstrapping SAPUI5.

window["sap-ui-config"].productive = true;

The above code must run before loading sap-ui-core.js from your index.html file.

Haven't tried it, but due to the code it should disable CTRL+SHIFT+ALT+S and CTRL+SHIFT+ALT+P

Regards

Tobias

[gregorw · Accepted solution]

Hi andreas.kunz,

is this parameter still current? Can I find it in the documentation?

Best Regards
Gregor

[Former Member]

Thanks for your hints, but unfortunatelly they don't solve my problem. Setting productive flag didn't change anything. Maybe it's a bug for my software configuration, but I need to fix it. If it would be useful: I can open SAPUI5 diagnostic tool by combination ALT + SHIFT + S (without CTRL) even at sapui5 demo apps:

Icon Explorer

[Former Member]

It works like this:

     <script>
          window["sap-ui-config"] = ( window["sap-ui-config"] ? window["sap-ui-config"] : {} );
          window["sap-ui-config"].productive = true;
     </script>

    <script src="resources/sap-ui-core.js"
            id="sap-ui-bootstrap"
            data-sap-ui-libs="sap.ui.commons,sap.ui.ux3,sap.ui.table,sap.m"
            data-sap-ui-theme="sap_bluecrystal">
    </script>

You should give it a try. It's important to set productive flag before loading sap-ui-core.js file.

Regards

Tobias

[Former Member]

Tobias,

I made it this way:

    <script>

        window["sap-ui-config"] = {

            resourceRoots : {

                "sap.ca.common.uilib": "resources/sap/ca/common/uilib/",

                "resources" : "resources/"

            },

            productive: true

        };

    </script>

    <script src="resources/sap-ui-core.js" type="text/javascript"

      id="sap-ui-bootstrap" data-sap-ui-libs="sap.m,sap.ca.common.uilib"

      data-sap-ui-libs="sap.ui.commons,sap.ui.table"

      data-sap-ui-xx-preloadlibcss="!sap.ca.common.uilib"

      data-sap-ui-theme="sap_bluecrystal"

      data-sap-ui-xx-bindingSyntax="complex">

    </script>

And it didn't help

[Former Member]

That's strange. What version of SAPUI5 are you using?

I'm on 1.18.8.

Regards

Tobias

[Former Member]

I also use 1.18.8. Exact version (took from diagnostic tool ) 1.18.8 (built at 201402191819, last change 33daa5601efe5497dd6c5280d052c72876341338)

[AndreasKunz]

You say you still get the support tool on this page?

http://jsbin.com/kukaliji/1/

That's really strange. Can you paste the content of the first panel ("Technical Information")?

Andreas

[Former Member]

On the app you sent I cannot call diagnostic tool neither by shift + alt + s nor crtl + shift + alt + s

it's taken from sapui5 demo app Icon explorer (where my problem also exists):

SAPUI5 Version	1.18.8 (built at 201402191819, last change 33daa5601efe5497dd6c5280d052c72876341338)
User Agent	Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.154 Safari/537.36
Debug Sources	OFFToggle
Application	https://sapui5.hana.ondemand.com/sdk/test-resources/sap/m/demokit/icon-explorer/index.html
Configuration (bootstrap)	resourceroots {"":"../../../../../resources/"} themeroots {} xx-loadallmode xx-bindingsyntax complex theme sap_bluecrystal libs sap.m loglevel
Configuration (computed)	theme sap_bluecrystal language pl formatLocale pl accessibility true animation true rtl false debug false inspect false originInfo false noDuplicateIds true
Loaded Modules	Application, jquery.sap.act, jquery.sap.dom, jquery.sap.encoder, jquery.sap.events, jquery.sap.global, jquery.sap.history,jquery.sap.keycodes, jquery.sap.mobile, jquery.sap.properties, jquery.sap.resources, jquery.sap.script, jquery.sap.sjax,jquery.sap.storage, jquery.sap.strings, jquery.sap.ui, jquery.sap.xml, model.Config, model.FavoriteModel, sap-ui-core,sap.m.BackgroundDesign, sap.m.Bar, sap.m.BarRenderer, sap.m.BusyIndicator, sap.m.BusyIndicatorRenderer,sap.m.Button, sap.m.ButtonRenderer, sap.m.ButtonType, sap.m.CustomListItem, sap.m.CustomListItemRenderer,sap.m.DateTimeInputType, sap.m.DialogType, sap.m.FacetFilterType, sap.m.FlexAlignItems, sap.m.FlexAlignSelf,sap.m.FlexBox, sap.m.FlexBoxCssPropertyMap, sap.m.FlexBoxRenderer, sap.m.FlexBoxStylingHelper,sap.m.FlexDirection, sap.m.FlexItemData, sap.m.FlexJustifyContent, sap.m.FlexRendertype, sap.m.GrowingEnablement,sap.m.HBox, sap.m.HBoxRenderer, sap.m.HeaderLevel, sap.m.IconTabFilterDesign, sap.m.InputType,sap.m.InstanceManager, sap.m.Label, sap.m.LabelDesign, sap.m.LabelRenderer, sap.m.List, sap.m.ListBase,sap.m.ListBaseRenderer, sap.m.ListHeaderDesign, sap.m.ListItemBase, sap.m.ListItemBaseRenderer, sap.m.ListMode,sap.m.ListRenderer, sap.m.ListSeparators, sap.m.ListType, sap.m.NavContainer, sap.m.NavContainerRenderer,sap.m.Page, sap.m.PageBackgroundDesign, sap.m.PageRenderer, sap.m.PlacementType, sap.m.PopinDisplay,sap.m.Popover, sap.m.RadioButton, sap.m.RadioButtonRenderer, sap.m.RatingIndicatorVisualMode, sap.m.ScreenSize,sap.m.SearchField, sap.m.SearchFieldRenderer, sap.m.SelectType, sap.m.Shell, sap.m.ShellRenderer, sap.m.SplitApp,sap.m.SplitAppMode, sap.m.SplitAppRenderer, sap.m.SplitContainer, sap.m.SplitContainerRenderer,sap.m.StandardListItem, sap.m.StandardListItemRenderer, sap.m.StandardTileType, sap.m.Support,sap.m.SwipeDirection, sap.m.SwitchType, sap.m.Text, sap.m.TextRenderer, sap.m.ToolbarDesign, sap.m.library,sap.ui.Device, sap.ui.Global, sap.ui.app.Application, sap.ui.app.ApplicationMetadata, sap.ui.base.BindingParser,sap.ui.base.DataType, sap.ui.base.Event, sap.ui.base.EventProvider, sap.ui.base.Exception, sap.ui.base.Interface,sap.ui.base.ManagedObject, sap.ui.base.ManagedObjectMetadata, sap.ui.base.Metadata, sap.ui.base.Object,sap.ui.base.ObjectPool, sap.ui.core.AccessibleRole, sap.ui.core.BarColor, sap.ui.core.CSSColor, sap.ui.core.CSSSize,sap.ui.core.CSSSizeShortHand, sap.ui.core.Collision, sap.ui.core.Component, sap.ui.core.ComponentMetadata,sap.ui.core.Configuration, sap.ui.core.Control, sap.ui.core.Core, sap.ui.core.CustomStyleClassSupport,sap.ui.core.Design, sap.ui.core.Dock, sap.ui.core.Element, sap.ui.core.ElementMetadata, sap.ui.core.EnabledPropagator,sap.ui.core.EventBus, sap.ui.core.FocusHandler, sap.ui.core.HTML, sap.ui.core.HTMLRenderer,sap.ui.core.HorizontalAlign, sap.ui.core.ID, sap.ui.core.Icon, sap.ui.core.IconColor, sap.ui.core.IconPool,sap.ui.core.IconRenderer, sap.ui.core.ImeMode, sap.ui.core.IntervalTrigger, sap.ui.core.LayoutData, sap.ui.core.Locale,sap.ui.core.MessageType, sap.ui.core.OpenState, sap.ui.core.Percentage, sap.ui.core.Popup,sap.ui.core.RenderManager, sap.ui.core.Renderer, sap.ui.core.ResizeHandler, sap.ui.core.ScrollBarAction,sap.ui.core.Scrolling, sap.ui.core.TextAlign, sap.ui.core.TextDirection, sap.ui.core.ThemeCheck, sap.ui.core.TitleLevel,sap.ui.core.UIArea, sap.ui.core.URI, sap.ui.core.ValueState, sap.ui.core.ValueStateSupport, sap.ui.core.VerticalAlign,sap.ui.core.Wrapping, sap.ui.core.XMLTemplateProcessor, sap.ui.core.delegate.ItemNavigation,sap.ui.core.delegate.ScrollEnablement, sap.ui.core.library, sap.ui.core.mvc.Controller, sap.ui.core.mvc.JSView,sap.ui.core.mvc.JSViewRenderer, sap.ui.core.mvc.View, sap.ui.core.mvc.ViewRenderer, sap.ui.core.mvc.ViewType,sap.ui.core.mvc.XMLView, sap.ui.core.mvc.XMLViewRenderer, sap.ui.core.routing.HistoryDirection,sap.ui.core.theming.Parameters, sap.ui.core.tmpl.Template, sap.ui.model.Binding, sap.ui.model.BindingMode,sap.ui.model.ChangeReason, sap.ui.model.ClientContextBinding, sap.ui.model.ClientListBinding,sap.ui.model.ClientModel, sap.ui.model.ClientPropertyBinding, sap.ui.model.ClientTreeBinding,sap.ui.model.CompositeBinding, sap.ui.model.Context, sap.ui.model.ContextBinding, sap.ui.model.Filter,sap.ui.model.FilterOperator, sap.ui.model.FilterType, sap.ui.model.FormatException, sap.ui.model.ListBinding,sap.ui.model.Model, sap.ui.model.ParseException, sap.ui.model.PropertyBinding, sap.ui.model.SimpleType,sap.ui.model.Sorter, sap.ui.model.TreeBinding, sap.ui.model.Type, sap.ui.model.ValidateException,sap.ui.model.json.JSONListBinding, sap.ui.model.json.JSONModel, sap.ui.model.json.JSONPropertyBinding,sap.ui.model.json.JSONTreeBinding, sap.ui.model.resource.ResourceModel,sap.ui.model.resource.ResourcePropertyBinding, sap.ui.thirdparty.URI, sap.ui.thirdparty.jquery-mobile-custom,sap.ui.thirdparty.jquery.jquery-1.7.1, sap.ui.thirdparty.jqueryui.jquery-ui-position, util.Sorter, view.App.controller,view.App.view, view.Master.controller

[former_member226851]

Hi Piotr,

 <script>
        window["sap-ui-config"] = {
            resourceRoots : {
                "sap.ca.common.uilib": "resources/sap/ca/common/uilib/",
                "resources" : "resources/"
            },
            productive: true
        };

    </script>

the above part of code is correct, however please try to clear a web browser cache before testing.

I hope it will help.

Best Regards,

Tomasz Sobkowiak

[Former Member]

Ok, setting productive flag really helped, but I didn't cleared Tomcat Cache. Thanks all for replies!

[former_member184549]

It is painful to have to remember to insert the <script> code to set the window parameters before deploying to production (and to remember to comment out this code on development, sometimes forgetting to reinstate it afterwards!).

I was wondering, for the case where UI5 applications are deployed as BSPs on the ABAP stack if it is possible to set the 'productive' flag on the SICF node, or on the BSP application. I did try passing URL parameters to set the productive flag, but it didn't seem to work.

[Former Member]

Hi, Jonathan,

did you manage to find a solution to this? We are submitting the changes in UI5 applications in the development system and all the content is sent to further systems in landscape using the SAP transport mechanism.

We need to disable the diagnostics tool in the production, but keep it in D & Q systems. It could be done using a ajax call to the backend system, but is not very handy once it has to be done before bootstrapping.

Anybody solved this in a more elegant way?

[former_member184549]

Hi Jozef,

At the end of the day we deployed it with

	<script type="text/javascript">
		window["sap-ui-config"] = {
			productive: true
		}
	</script>

inside index.html

So, didn't find a more elegant way.

Regards,

Jonathan

[AndreasKunz]

Hi,

which operating system are you using? The support popup should be activated by "Ctrl-Alt-Shift-S" only, not by Alt-Shift-S.

Regards

Andreas

[Former Member]

Windows 8.1, browser Google Chrome 33.0.1750.154 m

[AndreasKunz]

Hi Piotr,

well, the code to open the popup is:

function(e) {

   if ( e.keyCode == 83 /*S*/ && e.shiftKey && e.altKey && e.ctrlKey ) {

So it really shouldn't open with your key combination. If it does, you can open a Customer Message at support.sap.com. Or even better: if you can, do some analysis, setting a breakpoint at this code and checking what the value of e.ctrlKey is.

Anyone else seeing this problem?

Regards

Andreas

[Former Member]

Works for me.

CTRL+SHIFT+ALT+S

Windows 7, Chrome 35.0.1897.2

Anyway, what is the right way to disable this support diagnostic tool?

Regards

Tobias