Form border color change

[mehmet07]

hi,

How change form border color?

 

[Hayri ASLAN]

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

[Semper]

Hi,

How change form border color dynamically? 

 

I tried following, but not works   

UniSession.AddJS('myformname.addCls('borderred');');

...
UniSession.AddJS('myformname.removeCls('borderred';');

 

Regards

[Semper]

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'');');

[Sherzod]

 

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"});');

[Semper]

 

 

Hi Semper. 

 

You can so, one operator without adding customCSS

 

UniSession.AddJS(WebForm.JSName + '.el.setStyle({"border": "solid 3px red"});');

 

Thanks

[mehmet07]

thanks

[mehmet07]

Hi,

i have error. 

left and top border is wrong.

[normanha]

Hi,

 

I have same problem.

See the post I just made .

 

http://forums.unigui.com/index.php?/topic/3803-problem-with-edges-windowless-app/

[ldb68]

 

 

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?

[Semper]

ldb68

 

Hi,

See attached demo

 

Regards

FormBorder.zip

[ldb68]

Thanks Semper.

 

It's ok but I neeed to hide/remove the form border (5 pixel default theme).

I tried all combination without success.

 

[Sherzod]

http://forums.unigui.com/index.php?/topic/3992-hideremove-the-form-border/&do=findComment&comment=19269

[jahlxx]

 

 

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.

[Sherzod]

Hi,

 

Form titlebar ?

[jahlxx]

Yes

[Sherzod]

You asked before:

 

http://forums.unigui.com/index.php?/topic/7266-change-colors/&do=findComment&comment=37055

[jahlxx]

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.

[Sherzod]

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');
}

[jahlxx]

exactly that.

 

thanks.

[jahlxx]

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.

 

?????

[Sherzod]

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 ?!

[jahlxx]

I'll try.

 

Don't happens in all forms, only in some of them, but I don't know in what conditions.

[thiagopedro]

On 1/22/2014 at 7:17 AM, Sherzod said:

 

UniSession.AddJS(WebForm.JSName + '.el.setStyle({"border": "solid 3px red"});');

The code worked.