Jump to content

Hide/remove the form border


ldb68

Recommended Posts

Hi

 

you can so:

 

MainForm -> ClientEvents -> ExtEvents -> add window.afterrender

 

Try

function window.afterrender(sender, eOpts){
  Ext.get(sender.id).el.setStyle("padding", 0);
  Ext.get(sender.id).el.setStyle("border-width", 0);
}

Sincerely

  • Upvote 1
Link to comment
Share on other sites

Hi

 

you can so:

 

MainForm -> ClientEvents -> ExtEvents -> add window.afterrender

 

Try

function window.afterrender(sender, eOpts){
  Ext.get(sender.id).el.setStyle("padding", 0);
  Ext.get(sender.id).el.setStyle("border-width", 0);
}

Sincerely

 

Wow. You are a MASTER. 
I had not found an answer on the forum Sencha. 
 
Bother you with another javascript question . 
I have a "panel" on form with resizing activated. 
I would like to hide the frame displayed when move on the panel's border. 
The Sencha forum tell me to bind a "resizer" to the panel : 
 
 
var transparent = Ext.create ('Ext.create', 'Ext.resizer.Resizer', {
     Target: 'idpanel', 
     minWidth: 50, 
     minHeight: 50, 
     preserveRatio: true, 
     transparent: true 
     }); 
 
How can implement it in UniGui?
 
Again THANK YOU VERY MUCH
 
PS: as described here I can modify the css but is not an elegant solution
  • Upvote 1
Link to comment
Share on other sites

  • 3 years later...
Remove with radius border on the corners use code below

 

function window.afterrender(sender, eOpts)

{

  Ext.get(sender.id).el.setStyle("padding", 0);

  Ext.get(sender.id).el.setStyle("border-width", 0);

  Ext.get(sender.id).el.setStyle("-webkit-border-radius", 0);

  Ext.get(sender.id).el.setStyle("-moz-border-radius", 0);

  Ext.get(sender.id).el.setStyle("border-radius", 0);

}

  • Like 1
Link to comment
Share on other sites

  • 8 months later...

Good morning, I can not remove the wedding form from the login form.
I put in the FormLogin> ClientEvents> ExtEvents the following code:
 
function window.afterrender (sender, eOpts)
{
  Ext.get (sender.id) .el.setStyle ("padding", 0);
  Ext.get (sender.id) .el.setStyle ("border-width", 0);
  Ext.get (sender.id) .el.setStyle ("- webkit-border-radius", 0);
  Ext.get (sender.id) .el.setStyle ("- moz-border-radius", 0);
  Ext.get (sender.id) .el.setStyle ("border-radius", 0);
}
 
BorderStyle = bsNone
BorderIcons = []
1e3vko.png
 
And then in my URLFrames> ClientEvents> ExtEvents:
function afterrender (sender, eOpts)
{
  Ext.get (sender.id) .el.setStyle ("padding", 0);
  Ext.get (sender.id) .el.setStyle ("border-width", 0);
  Ext.get (sender.id) .el.setStyle ("- webkit-border-radius", 0);
  Ext.get (sender.id) .el.setStyle ("- moz-border-radius", 0);
  Ext.get (sender.id) .el.setStyle ("border-radius", 0);
}
35bwly1.png
 
But the edges of the image do not come out.
 
Has anyone faced this problem?
I have tested the tips here from the forum, but I can not remove the borders.
2ura1kg.png
 

 

Edited by fabiomatte
Link to comment
Share on other sites

I have tryed with some settings but when i Use this:

uniPanel.Align = []; // alTop = False, alLeft = False, alRight = False, alBottom = False.

and MainForm -> AlignmentControl -> uniAlignmentClient

then i get this: post-3858-0-96589600-1515699983_thumb.jpg

and when MainForm -> AlignmentControl -> uniAlignmentServer

this: post-3858-0-37876300-1515700014_thumb.jpg

different way to positining.

 

The problem is not a BIG I just declare it

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...