mehmet07 Posted January 21, 2014 Share Posted January 21, 2014 hi, How change form border color? Quote Link to comment Share on other sites More sharing options...
Hayri ASLAN Posted January 21, 2014 Share Posted January 21, 2014 go to servermodule add to customcss : .borderred{ border: solid 3px red; } go to which you want component add to clientevents-extevents-OnBeforerender: sender.addClass('borderred'); that's all Border css help : http://www.w3schools.com/css/css_border.asp 1 Quote Link to comment Share on other sites More sharing options...
Semper Posted January 22, 2014 Share Posted January 22, 2014 Hi, How change form border color dynamically? I tried following, but not works UniSession.AddJS('myformname.addCls('borderred');'); ...UniSession.AddJS('myformname.removeCls('borderred';'); Regards Quote Link to comment Share on other sites More sharing options...
Semper Posted January 22, 2014 Share Posted January 22, 2014 Hi, How change form border color dynamically? I tried following, but not works UniSession.AddJS('myformname.addCls('borderred');'); ... UniSession.AddJS('myformname.removeCls('borderred';); Regards This code works: UniSession.AddJS(WebForm.JSName + '.addCls(''borderred'');'); ... UniSession.AddJS(WebForm.JSName + '.removeCls(''borderred'');'); 1 Quote Link to comment Share on other sites More sharing options...
Sherzod Posted January 22, 2014 Share Posted January 22, 2014 This code works: UniSession.AddJS(WebForm.JSName + '.addCls(''borderred'');'); ... UniSession.AddJS(WebForm.JSName + '.removeCls(''borderred'');'); Hi Semper. You can so, one operator without adding customCSS UniSession.AddJS(WebForm.JSName + '.el.setStyle({"border": "solid 3px red"});'); 2 Quote Link to comment Share on other sites More sharing options...
Semper Posted January 22, 2014 Share Posted January 22, 2014 Hi Semper. You can so, one operator without adding customCSS UniSession.AddJS(WebForm.JSName + '.el.setStyle({"border": "solid 3px red"});'); Thanks Quote Link to comment Share on other sites More sharing options...
mehmet07 Posted January 22, 2014 Author Share Posted January 22, 2014 thanks Quote Link to comment Share on other sites More sharing options...
mehmet07 Posted January 22, 2014 Author Share Posted January 22, 2014 Hi, i have error. left and top border is wrong. Quote Link to comment Share on other sites More sharing options...
normanha Posted January 22, 2014 Share Posted January 22, 2014 Hi, I have same problem. See the post I just made . http://forums.unigui.com/index.php?/topic/3803-problem-with-edges-windowless-app/ Quote Link to comment Share on other sites More sharing options...
ldb68 Posted March 26, 2014 Share Posted March 26, 2014 Hi Semper. You can so, one operator without adding customCSS UniSession.AddJS(WebForm.JSName + '.el.setStyle({"border": "solid 3px red"});'); Try this on MainForm but I get an error : MainForm as not JSName member. Is WebForm a TUniForm or another component? I want to hide the form border ... thanks PS: from Sencha forum to disabled the window border completely we need Code: Ext.onReady(function(){ var win = Ext.create('Ext.container.Container', { layout: "fit", modal: true, floating: true, border: false, width: 502, height: 402, items: [{ border: false, html: 'qqqqq' }] }).show(); }); How translate for Unigui js event or delhoi code? Quote Link to comment Share on other sites More sharing options...
Semper Posted March 27, 2014 Share Posted March 27, 2014 ldb68 Hi, See attached demo Regards FormBorder.zip Quote Link to comment Share on other sites More sharing options...
ldb68 Posted March 27, 2014 Share Posted March 27, 2014 Thanks Semper. It's ok but I neeed to hide/remove the form border (5 pixel default theme). I tried all combination without success. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted March 27, 2014 Share Posted March 27, 2014 http://forums.unigui.com/index.php?/topic/3992-hideremove-the-form-border/&do=findComment&comment=19269 Quote Link to comment Share on other sites More sharing options...
jahlxx Posted November 22, 2017 Share Posted November 22, 2017 Hi Semper. You can so, one operator without adding customCSS UniSession.AddJS(WebForm.JSName + '.el.setStyle({"border": "solid 3px red"});'); Hi. This works, but how to change the title bar color? Thanks. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted November 22, 2017 Share Posted November 22, 2017 Hi, Form titlebar ? Quote Link to comment Share on other sites More sharing options...
jahlxx Posted November 22, 2017 Share Posted November 22, 2017 Yes Quote Link to comment Share on other sites More sharing options...
Sherzod Posted November 22, 2017 Share Posted November 22, 2017 You asked before: http://forums.unigui.com/index.php?/topic/7266-change-colors/&do=findComment&comment=37055 Quote Link to comment Share on other sites More sharing options...
jahlxx Posted November 22, 2017 Share Posted November 22, 2017 Yes, I know. But in that post, the solution is in customCSS, but not like this: UniSession.AddJS(WebForm.JSName + '.el.setStyle({"border": "solid 3px red"});'); I need this for some forms, not for all forms. Sorry if I didn't was clear. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted November 22, 2017 Share Posted November 22, 2017 Yes, I know. But in that post, the solution is in customCSS, but not like this: UniSession.AddJS(WebForm.JSName + '.el.setStyle({"border": "solid 3px red"});'); I need this for some forms, not for all forms. Sorry if I didn't was clear. Ok, np Maybe like this ?: function window.afterrender(sender, eOpts) { var me=this; Ext.get(me.el.select('.x-window-header-text').elements[0]).setStyle('color', 'white'); Ext.get(me.el.select('.x-window-header').elements[0]).setStyle('background-color', 'green'); } Quote Link to comment Share on other sites More sharing options...
jahlxx Posted November 22, 2017 Share Posted November 22, 2017 exactly that. thanks. Quote Link to comment Share on other sites More sharing options...
jahlxx Posted November 23, 2017 Share Posted November 23, 2017 Sorry again. With this: UniSession.AddJS(WebForm.JSName + '.el.setStyle({"border": "solid 4px black"});'); In some forms, the top border is not colored, only set to black left, right and bottom. ????? Quote Link to comment Share on other sites More sharing options...
Sherzod Posted November 23, 2017 Share Posted November 23, 2017 Hi, In some forms, the top border is not colored, only set to black left, right and bottom. ????? Can you make a testcase for this ?! Quote Link to comment Share on other sites More sharing options...
jahlxx Posted November 23, 2017 Share Posted November 23, 2017 I'll try. Don't happens in all forms, only in some of them, but I don't know in what conditions. Quote Link to comment Share on other sites More sharing options...
thiagopedro Posted April 12, 2020 Share Posted April 12, 2020 On 1/22/2014 at 7:17 AM, Sherzod said: UniSession.AddJS(WebForm.JSName + '.el.setStyle({"border": "solid 3px red"});'); The code worked. 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.