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
Posted (edited)

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

Hi,

 

Which edition and build are you using?

 

Best regards,

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

Hi,

 

Can you make a simple testcase for this ?!

 

Best regards,

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

×