Untitled

//----------------------------
// HTML template
//----------------------------
<!DOCTYPE html>
<head>
    <!-- Required meta tags-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- Your app title -->
      <title>%apptitle%</title>
  <!-- Your resource string data -->
  <%rescode%>

  <script type="text/javascript" src=%appcode%></script>

</head>
  <body>
    <!-- Path to your app js-->
  <script type="text/javascript">
    window.addEventListener("load", rtl.run);
  </script>
  </body>
</html>


//----------------------------
// generated main HTML
//----------------------------
<!DOCTYPE html>
<head>
    <!-- Required meta tags-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- Your app title -->
      <title>Project1</title>
  <!-- Your resource string data -->
  <script type="application/json" data-name="res1" id="res1">
    {
      "program" : {
        "URLTitle":"Vertaling met resourcestrings - URL API"
      },
      "mystrings": {
          "Button":"Vertaal deze pagina",
          "Header":"Vertaling met resourcestrings",
          "Paragraph":"Deze tekst wordt vertaald.",
          "TranslateDirect":"De directe API wordt gebruikt voor dit voorbeeld.",
          "TranslateJSON":"Een JSON object wordt gebruikt voor dit voorbeeld.",
          "TranslateURL":"Een URL wordt gebruikt voor dit voorbeeld."
      }
    }
  </script>

  <script type="application/json" data-name="formData1" id="formData1">
    {

      "ClassName": "TDialog",
      "Name": "formAccounting",
      "Properties": {
         "Top": 0,
         "Left": 0,
         "Height": 535,
         "Width": 597,
         "Animations": {  },
         "CaptionBar": { "Name": "",
            "Height": 44,
            "Caption": "Check Accounting",
            "Font": { "Name": "Segoe UI", "Size": 18, "Color": 4294967295 },
            "FontIcon": { "Name": "",
               "Color": -16777216,
               "Size": 16 },
            "Padding": {  } },
         "Client": { "Name": "",
            "Background": {
               "Fill": { "Color": 4294967295 } },
            "InsetShadow": {  },
            "Padding": {  } },
         "Constraints": {  },
         "Corners": {  },
         "Layout": {  },
         "Margins": {  },
         "OutsetShadow": { "Color": 1677721600, "HorzOffset": 2,
    "VertOffset": 2, "Blur": 6, "Visible": true } },
      "Controls": [
      { "ClassName": "TLabel",
         "Name": "Label1",
         "Properties": {
            "Top": 8,
            "Left": 8,
            "Height": 22,
            "Width": 56,
            "Animations": {  },
            "Background": {  },
            "Border": {  },
            "Corners": {  },
            "Caption": "Caption",
            "Constraints": {  },
            "DisplayOrder": 0,
            "Font": { "Name": "Segoe UI", "Color": 4285562249 },
            "Format": {  },
            "Layout": { "Consumption": 7, "Position": 1 },
            "LayoutOrder": 0,
            "Margins": { "Left": 4, "Top": 4, "Right": 4, "Bottom": 4 },
            "OutsetShadow": {  },
            "Padding": {  } } },
      { "ClassName": "TBrowser",
         "Name": "Browser1",
         "Properties": {
            "Top": 30,
            "Left": 0,
            "Height": 426,
            "Width": 589,
            "Animations": {  },
            "Background": {
               "Fill": { "Color": 4294967295 } },
            "Border": {
               "Top": { "Color": 4292797157, "Width": 2, "Visible": true },
               "Left": { "Color": 4292797157, "Width": 2, "Visible": true },
               "Right": { "Color": 4292797157, "Width": 2, "Visible": true
    },
               "Bottom": { "Color": 4292797157, "Width": 2, "Visible": true
    } },
            "Constraints": {  },
            "Corners": {  },
            "DisplayOrder": 1,
            "InsetShadow": {  },
            "Layout": { "Position": 1, "Stretch": 8 },
            "LayoutOrder": 1,
            "Margins": {  },
            "OutsetShadow": {  },
            "Padding": {  } } } ]
       }
  </script>

  <script type="text/javascript" src="project1.js"></script>

</head>
  <body>
    <!-- Path to your app js-->
  <script type="text/javascript">
    window.addEventListener("load", rtl.run);
  </script>
  </body>
</html>