Trainee Posted August 23, 2021 Share Posted August 23, 2021 As I create a new project I select application wizard for unigui trial build 1551 in delphi 10.4.2. I create a new project, select VCL yes and create a new project. Press save project. What I notice is that the form class used is TUniForm instead of the TUnimForm that is used in the allfeatures touch demo. Once the browser is opened, I open the html source and notice that the script tag is outside the head tag: <!DOCTYPE html> <html lang="nl"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>New Application</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=10.0, user-scalable=yes"> <meta http-equiv="content-type" content="charset=utf-8" /> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="expires" content="-1"> <link REL="SHORTCUT ICON" HREF="/cache/uniguidb_exe/AOR1EHYxZo108D5151D/favicon.ico"> <link rel=stylesheet href="/uni-1.90.0.1551/css/uni-ext.css" /> <link rel=stylesheet href="/ext-7.0.0/build/classic/theme-classic/resources/theme-classic-all.css" /> <script src="/ext-7.0.0/build/ext-all.js"></script> <script src="/ext-7.0.0/build/classic/theme-classic/theme-classic.js"></script> <script src="/uni-1.90.0.1551/ext-unicommon-min.js"></script> <script src="/uni-1.90.0.1551/ext-sync-min.js"></script> <script src="/ext-7.0.0/build/classic/locale/locale-nl.js"></script> <script src="/uni-1.90.0.1551/jQuery/jquery-1.11.2.min.js"></script> <link rel=stylesheet href="/ext-7.0.0/build/packages/font-awesome-4.7.0/resources/font-awesome-all.css" /> <link rel=stylesheet href="/ext-7.0.0/build/packages/font-pictos/resources/font-pictos-all.css" /> <link rel=stylesheet href="/ext-7.0.0/build/packages/font-awesome/resources/font-awesome-all.css" /> <script src="/uni-1.90.0.1551/jQuery/MaskedInput/jquery.inputmask.min.js"></script> <script src="/uni-1.90.0.1551/jQuery/autoNumeric/autoNumeric-1.9.35.js"></script> <link rel=stylesheet href="/uni-1.90.0.1551/css/uni-xtheme-common.css" /> <link rel=stylesheet href="/uni-1.90.0.1551/css/uni-xtheme-classic.css" /> <script src="/uni-1.90.0.1551/ext-unigui-min.js"></script> <style type="text/css">.x-viewport > .x-body {position:relative !important;}</style> <style type="text/css">body {overflow-y: hidden !important;}</style> </head> <script> uniVars._extVer="7.0.0";_S_ID="_S_ID=AOR1EHYxZo108D5151D";Ext.appUri="/HandleEvent";Ext.Date.defaultDateFormat="j/n/Y";uniSyncObj.errShow=true;uniSyncObj.errText="Connection Error";uniSyncObj.errRetryText="Retrying...";uniSyncObj.errTextColor="#0055AA";uniSyncObj.errAfterRetry=1; Ext.application({name:"uniApplication",launch: function(){setTimeout(function(){Ext.get("loading").remove();Ext.get("loading-mask").fadeOut({remove:true});},250);Ext.BLANK_IMAGE_URL="/ext-7.0.0/build/classic/theme-classic/resources/images/tree/s.gif"; Ext.BLANK_IMAGE_SRC="<img src="+Ext.BLANK_IMAGE_URL+">"; TextMetrics=new Ext.util.TextMetrics(Ext.getBody()); var _ajxerr=false;_ifrm_("FRM_AOR1EHYxZo108D5151D");_showAjaxErr=true;_ajxflerr="Communication Error";Download=Ext.DomHelper.append(document.body,{tag:"iframe",cls:"x-hidden"});try{ O0=new Ext.window.Window({id:"O0_id",retfalse:{},onEsc:Ext.emptyFn,layout:"fit",title:"MainForm",closeToolText:"",maximizable:true,minimizable:true,resizable:true,icon:"/cache/uniguidb_exe/AOR1EHYxZo108D5151D/favicon.ico",iconCls:"x-uni-icon-contain",uniFMask:{beforeclose:true},width:851,height:524});O0.nm="O0";_cdo_("MainForm");MainForm.ajxS=AjaxSuccess;MainForm.ajxF=AjaxFailure;O0.rootObj=true;MainForm.appRoot="/";_cdo_(null,O0,"window",MainForm); O8=new Ext.form.Panel({id:"O8_id",border:false,uActive:false,tabItems:new Ext.util.MixedCollection(),layout:"absolute"});O8.nm="O8";_cdo_(null,O8,"form",MainForm);O0.add(O8); O10=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O0,"beforeclose");});O10.nm="O10";O0.on("beforeclose",O10); O11=(function(P0){_saf_(P0);return Ext.xR("this="+P0.nm+""+_gv_(O8),O0,"activate");});O11.nm="O11";O0.on("activate",O11); O12=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O0,"deactivate");});O12.nm="O12";O0.on("deactivate",O12);uniVars._mFrm_=O8;O0.on("deactivate",function(f){_sdf_(f)});ajaxRequest(O0,"cinfo",{ci:_gci_()});Ext.Msg.setAlwaysOnTop(10000000); O13=new Ext.form.field.Text({id:"O13_id",value:"UniEdit1",name:"O13",enableKeyEvents:true,tabIndex:11,width:121,x:232,y:120});O13.nm="O13";_cdo_("UniEdit1",O13,null,MainForm); O17=new Ext.button.Button({id:"O17_id",text:"UniButton1",tabIndex:12,width:75,height:25,x:112,y:192});O17.nm="O17";_cdo_("UniButton1",O17,null,MainForm); O1B=new Ext.form.field.Text({id:"O1B_id",trackBlurChange:true,name:"O1B",enableKeyEvents:true,tabIndex:13,readOnly:true,width:121,x:440,y:80});O1B.nm="O1B";_cdo_("UniDBEdit1",O1B,null,MainForm); O23=new Ext.data.Store({autoDestroy:true,fields:[],storeId:"O23_id",remoteSort:true,pageSize:25,proxy:{type:"ajax",url:"/HandleEvent?IsEvent=1&Obj=O1F&Evt=data&"+_S_ID,reader:{type:"json",responseType:""},timeout:15000}}); O2A=new Ext.selection.CellModel({}); O34=new Ext.toolbar.Paging({id:"O34_id",store:O23,focusDisabled:true}); O5C=new Object({}); O1F=new Ext.grid.Panel({id:"O1F_id",store:O23,columns:[],columnLines:true,bodyBorder:true,border:true,tabIndex:14,forceFit:true,selModel:O2A,bbar:O34,loadDataMask:O5C,enableColumnMove:false,viewConfig:{preserveScrollOnRefresh:true,markDirty:false,loadMask:false},plugins:[Ext.create("Ext.grid.plugin.CellEditing",{pluginId:"uniGridEditor",clicksToEdit:2})],width:320,height:160,x:360,y:280});O1F.nm="O1F";_cdo_("UniDBGrid1",O1F,null,MainForm);O23.nm="O23";_cdo_("UniDBGrid1",O23,"store",MainForm);O23.grid=O1F;O23.dbgrid=true; O24=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O23,"load");});O24.nm="O24";O23.on("load",O24); O25=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O23,"prefetch");});O25.nm="O25";O23.on("prefetch",O25); O26=new Ext.form.field.Hidden({name:"O26",enableKeyEvents:true});O26.nm="O26";O2A.nm="O2A";_cdo_("UniDBGrid1",O2A,"cellModel",MainForm); O2B=new Ext.selection.RowModel({});O2B.nm="O2B";_cdo_("UniDBGrid1",O2B,"rowModel",MainForm); O2C=new Ext.selection.CheckboxModel({});O2C.nm="O2C";_cdo_("UniDBGrid1",O2C,"checkboxModel",MainForm);O2A.grid=O1F;O2B.grid=O1F;O2C.grid=O1F;O26.grid=O1F;O1F.hidField=O26; O2D=(function(P0,P1){_src_(O26,xlatRow(P1),P1.column.dataIndex,null,P1.record,true);_ae_(P1);return Ext.xR("VR="+_o2s_(P1.newValues, P1.originalValues)+"&V="+_xl_(P1.value)+"&O="+_xl_(P1.originalValue)+"&R="+xlatRow(P1)+"&C="+P1.column.dataIndex+"&RN="+_getrno_(P1.record, P1.column.dataIndex)+""+_gv_(O8),O1F,"edit");});O2D.nm="O2D";O1F.on("edit",O2D); O2E=(function(P0,P1){return Ext.xR("R="+P1.rowIdx+"&C="+P1.column.dataIndex+""+_gv_(O8),O1F,"canceledit");});O2E.nm="O2E";O1F.on("canceledit",O2E);O1F.on("beforeedit",function(P0,P1){if(P1.isCheckCol)return(true);if(!_ce_(P1))return(false);if(checkFixed(P1))return(false);return true;}); O2F=(function(P0,P1){if(P1.isCheckCol)return(true);_src_(O26,xlatRow(P1),P1.column.dataIndex,null,P1.record,true);return Ext.xR("V="+_xl_(P1.value)+"&O="+_xl_(P1.originalValue)+"&R="+xlatRow(P1)+"&C="+P1.column.dataIndex+"&RN="+_getrno_(P1.record, P1.column.dataIndex)+""+_gv_(O8),O1F,"beforeedit");});O2F.nm="O2F";O1F.on("beforeedit",O2F,O1F,{delay:1}); O30=(function(P0,P1,P2,P3){if(P3<0)return false;_cge_(P0);_src_(O26,xlatRecRow(P2,P1),_gcdi_(P0,P3),null,P1);if(_ccell_(P0))return;return Ext.xR("This="+P0.nm+"&rr="+xlatRecRow(P2,P1)+"&cc="+P3+""+_gv_(O8),O2A,"select");});O30.nm="O30";O2A.on("select",O30); O31=(function(P0,P1){_src_(O26,null,null,false,P1);return Ext.xR("This="+P0.nm+"&sels="+P1.length+""+_gv_(O8),O2B,"selectionchange");});O31.nm="O31";O2B.on("selectionchange",O31); O32=(function(P0,P1){_src_(O26,null,null,false,P1);return Ext.xR("This="+P0.nm+"&sels="+P1.length+""+_gv_(O8),O2C,"selectionchange");});O32.nm="O32";O2C.on("selectionchange",O32);O1F.on("beforereconfigure",function(g){var ct=g.headerCt;if(ct){ct.setMaxHeight(10000)};});O1F.on("reconfigure",function(g){var ct=g.headerCt;if(ct.getEl()){var h=ct.getHeight();if(h>20){ct.setMaxHeight(h)}};}); O33=(function(P0,P1,P2,P3){if(!P1.dataIndex)return;return Ext.xR("oldDataIndex="+P1.dataIndex+"&oldIndex="+P2+"&newIndex="+P3+""+_gv_(O8),O1F,"columnmove");});O33.nm="O33";O1F.on("columnmove",O33);O34.nm="O34";_cdo_("UniDBGrid1",O34,"pagingBar",MainForm); O38=(function(P0,P1){if(!P1.dataIndex || P1.discarded)return;return Ext.xR("col="+P1.dataIndex+""+_gv_(O8),O1F,"columnhide");});O38.nm="O38";O1F.on("columnhide",O38); O39=(function(P0,P1){if(!P1.dataIndex || P1.discarded)return;return Ext.xR("col="+P1.dataIndex+""+_gv_(O8),O1F,"columnshow");});O39.nm="O39";O1F.on("columnshow",O39);O8.add(O26); O3A=new Ext.form.Label({id:"O3A_id",text:"UniLabel1",x:464,y:136});O3A.nm="O3A";_cdo_("UniLabel1",O3A,null,MainForm); O3E=new Ext.button.Button({id:"O3E_id",text:"crash",tabIndex:15,width:75,height:25,x:80,y:304});O3E.nm="O3E";_cdo_("UniButton2",O3E,null,MainForm); O42=new Ext.button.Button({id:"O42_id",text:"terminate",tabIndex:16,width:75,height:25,x:96,y:360});O42.nm="O42";_cdo_("UniButton3",O42,null,MainForm); O46=new Ext.button.Button({id:"O46_id",text:"UniButton4",tabIndex:17,width:75,height:25,x:552,y:224});O46.nm="O46";_cdo_("UniButton4",O46,null,MainForm);O8.add([O13,O17,O1B,O1F,O3A,O3E,O42,O46]);Ext.util.Format.decimalSeparator=",";Ext.util.Format.thousandSeparator=".";uniVars._loginFrm=null; O4A=new Ext.container.Viewport({id:"O4A_id",layout:"border",scrollable:true,style:"background:#004080;"});O4A.nm="O4A";_cdo_(null,O4A,"viewport",MainForm);uniVars._vport=O4A;_cwk_();uniVars.gNavigate={e:true,t:true,c:true,gn:{s:0},gp:{s:0},gs:{s:0},gc:{s:0}};_dko_({BS:true,ESC:true}); O52=(function(P0,P1,P2){return Ext.xR("this="+P0.nm+"&w="+P1+"&h="+P2+""+_gv_(O8),O0,"resize");});O52.nm="O52";O0.on("resize",O52); O53=(function(P0,P1,P2){return Ext.xR("this="+P0.nm+"&x="+P1+"&y="+P2+""+_gv_(O8),O0,"move");});O53.nm="O53";O0.on("move",O53); O54=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O0,"maximize");});O54.nm="O54";O0.on("maximize",O54); O55=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O0,"minimize");});O55.nm="O55";O0.on("minimize",O55); O56=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O0,"restore");});O56.nm="O56";O0.on("restore",O56); O57=(function(P0,P1,P2){return Ext.xR("this="+P0.nm+"&w="+P1+"&h="+P2+""+_gv_(O8),O4A,"resize");});O57.nm="O57";O4A.on("resize",O57);showBrowserWarning("Your browser is not supported.\x3Cbr /\x3EYou may experience compatibility issues.");O0.show("");O0.retfalse.beforeclose=1;_axy_(O0);O0.uniMask={ldMask:false,maskWaitData:false,maskUseMsg:true};O0.uniMask.targetObj=null;O13.addToTab(110);O17.addToTab(120); O58=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O17,"click");});O58.nm="O58";O17.on("click",O58);O1B.addToTab(130); O59=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O1B,"mouseover");});O59.nm="O59";O1B.on("mouseover",O59); O5A=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O1B,"mouseout");});O5A.nm="O5A";O1B.on("mouseout",O5A); O5B=(function(P0){return Ext.xR("This="+P0.nm+""+_gv_(O8),O1B,"edited");});O5B.nm="O5B";O1B.on("edited",O5B);O1F.addToTab(140);_fixmultis_(O1F);O5C.nm="O5C";O5C.uniMask={ldMask:true,maskMsg:"Loading data...",maskWaitData:false,maskUseMsg:true,maskAttribs:{color:"#FFFFFF",opacity:0.5}};O5C.uniMask.targetObj=O1F; O5D=new Ext.grid.column.Column({ogrid:O1F,sortable:false,dataIndex:"0",renderer:_rndcll_,rdonly:false,text:"AANHEF",width:64,editor:{xtype:"textfield"}});O5D.nm="O5D";O5D.editor.uform=O1F.uform;O5D.editor.focusDisabled=true;O5D.editor.isCellEditor=true;var O1F_Cols=[O5D];O1F.reconfigure(null,O1F_Cols);O1F.uniConfigColumns();O3E.addToTab(150); O65=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O3E,"click");});O65.nm="O65";O3E.on("click",O65);O42.addToTab(160); O66=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O42,"click");});O66.nm="O66";O42.on("click",O66);O46.addToTab(170); O67=(function(P0){return Ext.xR("this="+P0.nm+""+_gv_(O8),O46,"click");});O67.nm="O67";O46.on("click",O67);}catch(e){throw e;alert(e.message)}}}); window.addEventListener("unload", function(){_cunld_()}, false); window.onbeforeunload=null; </script> <body> <div id="loading-mask"></div><div id="loading"><div class="loading-indicator">Loading...</div></div> <div id=body></div><noscript>This web application requires JavaScript enabled</noscript></body> </html> I also notice that the form isn't the same size of the browser window, unlike the allfeatures demo there remains a small border. What silly thing am I doing wrong here? How can the script tag be inside the head tag? Link to comment Share on other sites More sharing options...
Trainee Posted August 23, 2021 Author Share Posted August 23, 2021 Silly me, I just saw that the desktop allfeatures demo also has the script outside the head or body of html, whereas the mobile or touch has it inside. The TUnimForm is obviously meant for the touch version. My concern is, as it isn't valid html, how will this affect browser behaviour? Should I be in any way concerned? Or should I just stick to the mobile touch version? If so is there any way to remove the red white colored terminate button at the far left? Many thanks in advance for your thoughts / suggestions. Link to comment Share on other sites More sharing options...
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now