Jump to content

Recommended Posts

Posted

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

 

Posted

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
Posted

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
  • 3 years later...
Posted
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
  • 8 months later...
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
Posted

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.

Posted

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.

Posted

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...