Jump to content

DOCTYPE change ?


CastleSoft
 Share

Recommended Posts

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 
 
 
** NOTE ** Includes Syncfusion COMMUNITY Edition javascript files  (not for redistribution, you must have either a paid or community lic..)
 

 

post-14-0-30928700-1477443979_thumb.png

Link to comment
Share on other sites

 Share

×
×
  • Create New...