CastleSoft Posted October 26, 2016 Posted October 26, 2016 Is it possible to change the default DOCTYPE in a uniGUI application from the default: <!DOCTYPE html public> To the following: <!DOCTYPE html> The "public" is causing issues when I try and use a few Syncfusion components in a uniGUI application. Also it appears that Chrome isn't very happy with the PUBLIC tag either, for example if I use the following (non UniGUI test case) in Chrome all is good. <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="./Syncfusion/content/ej/web/default-theme/ej.web.all.min.css"> <script src="./Syncfusion/scripts/jquery-2.1.4.min.js"></script> <script src="./Syncfusion/scripts/jsrender.min.js"></script> <script src="./Syncfusion/scripts/jquery.validate.min.js"></script> <script src="./Syncfusion/scripts/jquery.validate.unobtrusive.min.js"></script> <script src="./Syncfusion/scripts/ej/web/ej.web.all.min.js"></script> <script language="javascript" type="text/javascript"> $(function () { $("#Spreadsheet").ejSpreadsheet({ loadComplete: "loadComplete" }); }); function loadComplete(args) { // ajaxRequest({URL_CALLBACK}, 'loadComplete', ['param=value']); this.XLSelection.selectRange("A1:C3"); this.XLDragFill.positionAutoFillElement(); } </script> </head> <body> <div id="Spreadsheet" style="width:100%; height:100%"></div> </body> </html> If I change the <!DOCTYPE> to include the word "Public" chrome hangs. In uniGUI if I wish to embed the Spreadsheet control (above) I do the following: 1) ServerModule - CustomFiles /Syncfusion/content/ej/web/default-theme/ej.web.all.min.css /Syncfusion/scripts/jquery-2.1.4.min.js /Syncfusion/scripts/jsrender.min.js /Syncfusion/scripts/jquery.validate.min.js /Syncfusion/scripts/jquery.validate.unobtrusive.min.js /Syncfusion/scripts/ej/web/ej.web.all.min.js 2) Drop a uniHTMLFrame onto the MainForm 3) Add the following to the AfterScript properties: $(function () { $("#Spreadsheet").ejSpreadsheet({ loadComplete: "loadComplete" }); }); function loadComplete(args) { this.XLSelection.selectRange("A1:C3"); this.XLDragFill.positionAutoFillElement(); } 4) Set the HTML to the following: <div id="Spreadsheet" style="width:100%; height:100%"></div> And uniGUI has the embedded SpreadSheet in a mainform showing. (see attached) ** Minus the range selection and it appears the AjaxRequest isn't working. (not shown in the example). Also Chrome freezes (like the standalone) test case, due to the <!DOCTYPE html public> text. Sample - UNIGUI project and testing.html file http://goo.gl/vh8yNX ** NOTE ** Includes Syncfusion COMMUNITY Edition javascript files (not for redistribution, you must have either a paid or community lic..)
Recommended Posts