JavaScript-Add-In causing a Problem when trying to Customize the Ribbon

byronic

Hello everyone,

I've got a little problem with a JavaScript-based Add-In that I made.

It is working as intended but now when I try to customize the ribbon of the page I get an error that says "The connection to the server has been lost. The application will close." This happens for example when I try to add some option from the left to the right and press "OK".

Whats especially strange about this is, that I made another JavaScript-based Add-In, that almost 100% works the same but it doesn't give me that error.

Both Add-Ins are made for NAV 2016.


Here are the 2 VisualStudio Projects:

http://www.filedropper.com/javascriptaddins

The one that is working is the "SliderAddin", the one that gets the error is the "InPageAmpel".

Thank you in advance

EvR

Sounds familiar. Look at this post.
Basically, minify your javascript/css resources or edit a service config is it's still too large.

azwierzchowski

Hi. Try to update your Nav 2016 to CU 7. I haven't tested it yet but there is a change that should fix your problem. If you don't want to update Nav, there are still a few things that you can do. You can increase Max Items in Object Graph property in server settings, but it just hides that problem and first opening of a page might be very slow with click once installation over internet. You can remove all files from your add-in zip and move them to external web server. You can also check if there are other add-ins on a page. If you are not using social listening, export Microsoft.Dynamics.Nav.Client.SocialListening add-in, remove all files except manifest.xml and import it back.

Jan_Veenendaal

I experienced similar issues. In my case it depended on the actual placement of the control add-in. First I had it inside a Fast-tab on a card page: the client crashed (same message as you get) on some actions. Then I moved the control-addin to a factbox part on the same page: everything worked fine.

byronic

That is a good tip, thank you.

But I need mine to be in one of the Fast-Tabs.

Also my other Add-In, which basically does the same (append pictures to the Add-In container), works without getting this error when customizing the ribbon. I just can't see the difference that would prevent that.

EvR

Sounds familiar. Look at this post.
Basically, minify your javascript/css resources or edit a service config is it's still too large.

byronic

Hi EvR, thanks for your tip.

However my JavaScript/CSS Resources are quite minimal, there are very few lines in them.

azwierzchowski

Hi. Try to update your Nav 2016 to CU 7. I haven't tested it yet but there is a change that should fix your problem. If you don't want to update Nav, there are still a few things that you can do. You can increase Max Items in Object Graph property in server settings, but it just hides that problem and first opening of a page might be very slow with click once installation over internet. You can remove all files from your add-in zip and move them to external web server. You can also check if there are other add-ins on a page. If you are not using social listening, export Microsoft.Dynamics.Nav.Client.SocialListening add-in, remove all files except manifest.xml and import it back.

byronic

Apperently EvR was right. I underestimated the size of the pictures in the resources. Thank you all for your help!

byronic

Ok, now when I'm using the same Add-In (this time I tried with the SliderAddin, which just has pictures that together are in size of ~5 KB) 2 or more times on the same page I'm getting the same error. I'm guessing it's the same issue with the size of the resource being to much.

I tried to put the Max Items in Object Graph property in server settings to 1024, which increases the loading time too much to be an option.

Now using jQuery via ScriptUrls isn't an option, and loading the resources to the webserver isn't either.

While there is the possibility to use the compressed, production version, it's still a little too much of size.

Could someone maybe tell me if there is a way to compress it way further (maybe deleting not used/needed code)?
The SliderAddin for example just has these lines of code in it:

var navContainer;
var navControl;

$(document).ready(function () {
InitializeControl();
Microsoft.Dynamics.NAV.InvokeExtensibilityMethod("ControlAddInReady", null);
});


function InitializeControl() {
navContainer = $('#controlAddIn');
}


function SetSliderValue(value) {

if (value == true) {
navContainer.append('<div class="img"><img draggable="false" onclick="javascript:OnSliderClick()" style="width:45px;height:25px;" class="test" position:fixed /></div><script type="text/javascript">$(".test").attr("src", Microsoft.Dynamics.NAV.GetImageResource("slideronn.png"))</script>');
} else {
navContainer.append('<div class="img"><img draggable="false" onclick="javascript:OnSliderClick()" style="width:45px;height:25px;" class="test" /></div><script type="text/javascript">$(".test").attr("src", Microsoft.Dynamics.NAV.GetImageResource("sliderofff.png"))</script>');
}
}


function OnSliderClick() {
Microsoft.Dynamics.NAV.InvokeExtensibilityMethod("OnSliderClick", null);
}




Which parts of jQuery do I really need for this to work?

byronic

Upping this thread once more in hope for a solution