herculanojs Posted September 6, 2017 Share Posted September 6, 2017 Would it be possible to get a transparent scrollbox? I tried the code below, but it causes a form problem uniscrollbox: function OnAfterrender(sender){ sender.setBodyStyle("background","transparent"); } Quote Link to comment Share on other sites More sharing options...
Sherzod Posted September 7, 2017 Share Posted September 7, 2017 Hi, Please, can you make a simple testcase or screenshots "for this" ?! Best regards, Quote Link to comment Share on other sites More sharing options...
Hayri ASLAN Posted September 7, 2017 Share Posted September 7, 2017 Add This To OnReady with UniScrollBox1.JSInterface do JSCall('getDragEl().applyStyles', [JSObject(['background-color', 'transparent', 'frame', 'false', 'border', 'none'])]); Quote Link to comment Share on other sites More sharing options...
herculanojs Posted September 12, 2017 Author Share Posted September 12, 2017 Hayri AslanPerfect It would be possible to achieve a similar effect however for the form. That is, have the form transparent? I found some posts by the forum, yet all with the same questions and still open with no apparent answers. I would like to keep the edges of the form, but its panel would be transparent Quote Link to comment Share on other sites More sharing options...
Hayri ASLAN Posted September 13, 2017 Share Posted September 13, 2017 Can you try this with UniForm1.WebForm.JSInterface do begin JSCall('getEl().applyStyles', [JSObject(['background-color', 'transparent', 'frame', 'false', 'border', 'none'])]); JSCall('body.applyStyles', [JSObject(['background-color', 'transparent', 'frame', 'false', 'border', 'none'])]); JSCall('uform.body.applyStyles', [JSObject(['background-color', 'transparent', 'frame', 'false', 'border', 'none'])]); JSCall('header.el.applyStyles', [JSObject(['background-color', 'transparent', 'frame', 'false', 'border', 'none'])]); end; Quote Link to comment Share on other sites More sharing options...
herculanojs Posted September 13, 2017 Author Share Posted September 13, 2017 Can you try this with UniForm1.WebForm.JSInterface do begin JSCall('getEl().applyStyles', [JSObject(['background-color', 'transparent', 'frame', 'false', 'border', 'none'])]); JSCall('body.applyStyles', [JSObject(['background-color', 'transparent', 'frame', 'false', 'border', 'none'])]); JSCall('uform.body.applyStyles', [JSObject(['background-color', 'transparent', 'frame', 'false', 'border', 'none'])]); JSCall('header.el.applyStyles', [JSObject(['background-color', 'transparent', 'frame', 'false', 'border', 'none'])]); end; Tanks Hayri Aslan I tried the same form ready event as well as others, however I'm getting a read failure error on property. Project1.zip Quote Link to comment Share on other sites More sharing options...
Hayri ASLAN Posted September 13, 2017 Share Posted September 13, 2017 This Is MainForm. Are you trying to set transparent the MainForm? Quote Link to comment Share on other sites More sharing options...
herculanojs Posted September 13, 2017 Author Share Posted September 13, 2017 No, form1 Quote Link to comment Share on other sites More sharing options...
Hayri ASLAN Posted September 13, 2017 Share Posted September 13, 2017 My Code is working. You writed viewport.beforerender in uniform1. Just delete this clientevent Quote Link to comment Share on other sites More sharing options...
herculanojs Posted September 14, 2017 Author Share Posted September 14, 2017 My Code is working. You writed viewport.beforerender in uniform1. Just delete this clientevent Did not quite understand. What code should I put in the viewport.beforerender Quote Link to comment Share on other sites More sharing options...
Hayri ASLAN Posted September 14, 2017 Share Posted September 14, 2017 In your example you have that. Delete it. Quote Link to comment Share on other sites More sharing options...
herculanojs Posted September 14, 2017 Author Share Posted September 14, 2017 O42=new Ext.window.Window({id:"O42_id",retfalse:{},onEsc:Ext.emptyFn,layout:"fit",title:"UniForm2",maximizable:true,minimizable:true,resizable:true,icon:"/cache/project1_exe/sjmBOsGMhM100411986/favicon.ico",uniFMask:{beforeclose:true},width:539,height:274,x:530,y:248});O42.nm="O42";_cdo_("UniForm2");UniForm2.ajxS=AjaxSuccess;UniForm2.ajxF=AjaxFailure;O42.rootObj=true;UniForm2.appRoot="/";_cdo_(null,O42,"window",UniForm2);_coe_(UniForm2,null,"viewport","beforerender",function(sender, eOpts) { sender.setBodyStyle("background","transparent"); }); O4A=new Ext.form.Panel({id:"O4A_id",border:false,tabItems:new Ext.util.MixedCollection(),layout:"absolute"});O4A.nm="O4A";_cdo_(null,O4A,"form",UniForm2);O42.add(O4A); O52= (function(P0){return Ext.Ajax.request({url:"/HandleEvent",params:"Ajax=1&IsEvent=1&Obj=O42&Evt=beforeclose&this="+P0.nm+""+_gv_(O4A),success:AjaxSuccess,failure:AjaxFailure,obj:O42,e:"beforeclose"});});O52.nm="O52";O42.on("beforeclose",O52); O53= (function(P0){_saf_(P0);return Ext.Ajax.request({url:"/HandleEvent",params:"Ajax=1&IsEvent=1&Obj=O42&Evt=activate&this="+P0.nm+""+_gv_(O4A),success:AjaxSuccess,failure:AjaxFailure,obj:O42,e:"activate"});});O53.nm="O53";O42.on("activate",O53); O54= (function(P0){return Ext.Ajax.request({url:"/HandleEvent",params:"Ajax=1&IsEvent=1&Obj=O42&Evt=deactivate&this="+P0.nm+""+_gv_(O4A),success:AjaxSuccess,failure:AjaxFailure,obj:O42,e:"deactivate"});});O54.nm="O54";O42.on("deactivate",O54);O42.on("deactivate",function(f){_sdf_(f)}); O55= (function(P0,P1,P2){return Ext.Ajax.request({url:"/HandleEvent",params:"Ajax=1&IsEvent=1&Obj=O42&Evt=resize&this="+P0.nm+"&w="+P1+"&h="+P2+""+_gv_(O4A),success:AjaxSuccess,failure:AjaxFailure,obj:O42,e:"resize"});});O55.nm="O55";O42.on("resize",O55); O56= (function(P0,P1,P2){return Ext.Ajax.request({url:"/HandleEvent",params:"Ajax=1&IsEvent=1&Obj=O42&Evt=move&this="+P0.nm+"&x="+P1+"&y="+P2+""+_gv_(O4A),success:AjaxSuccess,failure:AjaxFailure,obj:O42,e:"move"});});O56.nm="O56";O42.on("move",O56); O57= (function(P0){return Ext.Ajax.request({url:"/HandleEvent",params:"Ajax=1&IsEvent=1&Obj=O42&Evt=maximize&this="+P0.nm+""+_gv_(O4A),success:AjaxSuccess,failure:AjaxFailure,obj:O42,e:"maximize"});});O57.nm="O57";O42.on("maximize",O57); O58= (function(P0){return Ext.Ajax.request({url:"/HandleEvent",params:"Ajax=1&IsEvent=1&Obj=O42&Evt=minimize&this="+P0.nm+""+_gv_(O4A),success:AjaxSuccess,failure:AjaxFailure,obj:O42,e:"minimize"});});O58.nm="O58";O42.on("minimize",O58); O59= (function(P0){return Ext.Ajax.request({url:"/HandleEvent",params:"Ajax=1&IsEvent=1&Obj=O42&Evt=restore&this="+P0.nm+""+_gv_(O4A),success:AjaxSuccess,failure:AjaxFailure,obj:O42,e:"restore"});});O59.nm="O59";O42.on("restore",O59);O42.show("");O42.retfalse.beforeclose=1;_axy_(O42);O42.uniMask={ldMask:false,maskWaitData:false,maskUseMsg:true};O42.uniMask.targetObj=null; Quote Link to comment Share on other sites More sharing options...
herculanojs Posted September 14, 2017 Author Share Posted September 14, 2017 I did exactly like this in your code, but the error occurs. Quote Link to comment Share on other sites More sharing options...
herculanojs Posted September 14, 2017 Author Share Posted September 14, 2017 Here's how it is. Quote Link to comment Share on other sites More sharing options...
GerhardV Posted September 14, 2017 Share Posted September 14, 2017 "In your example you have that. Delete it." I think he meant you have to delete it instead Quote Link to comment Share on other sites More sharing options...
herculanojs Posted September 14, 2017 Author Share Posted September 14, 2017 Hi, ok Perfect Quote Link to comment Share on other sites More sharing options...
Hayri ASLAN Posted September 14, 2017 Share Posted September 14, 2017 Is it fine? Quote Link to comment Share on other sites More sharing options...
herculanojs Posted September 14, 2017 Author Share Posted September 14, 2017 fine Perfect Tanks Hayri Quote Link to comment Share on other sites More sharing options...
likemike Posted June 18, 2022 Share Posted June 18, 2022 Hello! I've tried this with my Uni(m)Scrollbox, but I get an error message. Is there a solution for mobile, too? with UnimScrollBox1.JSInterface do JSCall('getDragEl().applyStyles', [JSObject(['background-color', 'transparent', 'frame', 'false', 'border', 'none'])]); Regards Mike Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.