Jump to content
uniGUI Discussion Forums
ldb68

Hide/remove the form border

Recommended Posts

I need to hide/remove the form border (the 5 pixel default theme).

I tried all combination without success.

Somebody has a solution?

 

thanks

 

border.jpg

 

Share this post


Link to post
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

  • Upvote 1

Share this post


Link to post
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

Share this post


Link to post
Share on other sites
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);

}

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

I have same problem.

Edition: Profesional

Ver.: 1421

 

If Form.AligmentControl is uniAlignmentClient evereting is OK

but if is uniAlignmentServer ....

Share this post


Link to post
Share on other sites

I use example of 

fabiomatte

with afterrender function with different Form.AligmentControl

with uniAlignmentClient evereting is OK, no Form border.

 

with uniAlignmentServer, then I get fabiomatte Image example.

 

I want to use uniAlignmentServer and no Form border.

Share this post


Link to post
Share on other sites

I have test case and found a problem.

When ServerModule.MainFormDisplayMode = mfWindow

and MainForm.WindowState = wsMaximized

and Background Image is used 

a problem ocure.

 

I dont know how to Upload Test project.

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×