Initial

.vscode/launch.json

@@ -0,0 +1,14 @@
+{
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "al",
+            "request": "launch",
+            "name": "Your own server",
+            "server": "http://desktop-tfdoknj",
+            "serverInstance": "DynamicsNAV110",
+            "authentication": "Windows",
+            "startupObjectId": 21
+        }
+    ]
+}

Demo/ControlAddIn Test.al

@@ -0,0 +1,12 @@
+controladdin "Demo Control"
+{
+    Scripts = 
+        'https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js',
+        'Demo/Scripts/Content.js';
+
+    Images = 'Demo/Html/Control.html';
+
+    StyleSheets = 'Demo/Stylesheets/Demo.css';
+
+    HorizontalStretch = true;
+}

Demo/Html/Control.html

@@ -0,0 +1,6 @@
+<button onclick="helloWorldClick()">Hello, World!</button>
+<script>
+    function helloWorldClick() {
+        alert("I was clicked!");
+    }
+</script>

Demo/Page 50100 Customer Card Extension.al

@@ -0,0 +1,10 @@
+pageextension 50100 "Customer Card Extension" extends "Customer Card"
+{
+    layout
+    {
+        addfirst(FactBoxes)
+        {
+            part(Demo; "Demo Card") { }
+        }
+    }
+}

Demo/Page 50101 Demo Card.al

@@ -0,0 +1,12 @@
+page 50101 "Demo Card"
+{
+    PageType = CardPart;
+
+    layout
+    {
+        area(content)
+        {
+            usercontrol(Demo; "Demo Control") { }
+        }
+    }
+}

Demo/Scripts/Content.js

@@ -0,0 +1,6 @@
+(function ($) {
+    $(document).ready(function () {
+        var url = Microsoft.Dynamics.NAV.GetImageResource("Demo/Html/Control.html");
+        $("#controlAddIn").load(url);
+    });
+})(jQuery);

Demo/Stylesheets/Demo.css

@@ -0,0 +1,12 @@
+* {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+body {
+    background-color: #269;
+    color: white;
+}
+
+div#controlAddIn {
+    padding: 1em;
+}

app.json

@@ -0,0 +1,23 @@
+{
+  "id": "865825ff-bb94-477f-b6a8-4cbd58e3a770",
+  "name": "Control Add-in Image Demo",
+  "publisher": "Vjeko.com",
+  "brief": "",
+  "description": "This extension showcases how to (ab)use the controladdin Images property to show HTML inside control add-ins",
+  "version": "1.0.0.0",
+  "privacyStatement": "",
+  "EULA": "",
+  "help": "",
+  "url": "",
+  "logo": "Logo.png",
+  "capabilities": [],
+  "dependencies": [],
+  "screenshots": [],
+  "platform": "11.0.0.0",
+  "application": "11.0.0.0",
+  "idRange": {
+    "from": 50100,
+    "to": 50149
+  },
+  "runtime": "2.0"
+}