Jump to content


Photo

Hide/remove the form border

Hide /remove the form border

  • Please log in to reply
18 replies to this topic

#1 ldb68

ldb68

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 181 posts

Posted 27 March 2014 - 08:56 AM

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

 


  • 0

#2 Delphi Developer

Delphi Developer

    Advanced Member

  • Moderators
  • 5011 posts

Posted 27 March 2014 - 10:03 AM

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


  • 1

#3 ldb68

ldb68

    Advanced Member

  • uniGUI Subscriber
  • PipPipPipPip
  • 181 posts

Posted 27 March 2014 - 05:23 PM

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

  • 1

#4 literal

literal

    Newbie

  • Members
  • Pip
  • 2 posts

Posted 29 April 2017 - 07:00 PM

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

  • 0

#5 fabiomatte

fabiomatte

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 54 posts

Posted 08 January 2018 - 02:07 PM


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, 08 January 2018 - 02:07 PM.

  • 0

_________________________________________________________________________________

UniGUIVersion  : 1.10.0.1466                               PostgreSQL      : 9.6                                               

CustomCSS      : CSS3                                        RadStudio         : Delphi Tokyo Starter Edition     


#6 Delphi Developer

Delphi Developer

    Advanced Member

  • Moderators
  • 5011 posts

Posted 08 January 2018 - 03:18 PM

Hi,

Which edition and build are you using?

Best regards,
  • 0

#7 irigsoft

irigsoft

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 67 posts

Posted 08 January 2018 - 03:47 PM

I have same problem.

Edition: Profesional

Ver.: 1421

 

If Form.AligmentControl is uniAlignmentClient evereting is OK

but if is uniAlignmentServer ....


  • 0

#8 Delphi Developer

Delphi Developer

    Advanced Member

  • Moderators
  • 5011 posts

Posted 08 January 2018 - 04:06 PM

Hi,

 

Can you make a simple testcase for this ?!

 

Best regards,


  • 0

#9 Delphi Developer

Delphi Developer

    Advanced Member

  • Moderators
  • 5011 posts

Posted 08 January 2018 - 04:11 PM

And please specify once again where you have a problem.


  • 0

#10 irigsoft

irigsoft

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 67 posts

Posted 08 January 2018 - 04:28 PM

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.


  • 0

#11 Delphi Developer

Delphi Developer

    Advanced Member

  • Moderators
  • 5011 posts

Posted 11 January 2018 - 12:17 PM

Please make a testcase for this
  • 0

#12 irigsoft

irigsoft

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 67 posts

Posted 11 January 2018 - 04:02 PM

ок


  • 0

#13 irigsoft

irigsoft

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 67 posts

Posted 11 January 2018 - 06:57 PM

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.


  • 0

#14 Delphi Developer

Delphi Developer

    Advanced Member

  • Moderators
  • 5011 posts

Posted 11 January 2018 - 07:00 PM

Use "More Reply Options"
  • 0

#15 irigsoft

irigsoft

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 67 posts

Posted 11 January 2018 - 07:08 PM

ok


  • 0

#16 irigsoft

irigsoft

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 67 posts

Posted 11 January 2018 - 07:11 PM

Test Case applyed Attached File  Project1.rar   778.82KB   24 downloads


  • 0

#17 Delphi Developer

Delphi Developer

    Advanced Member

  • Moderators
  • 5011 posts

Posted 11 January 2018 - 07:38 PM

MainForm -> AlignmentControl -> uniAlignmentClient


  • 0

#18 irigsoft

irigsoft

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 67 posts

Posted 11 January 2018 - 07:41 PM

Is not a Option


  • 0

#19 irigsoft

irigsoft

    Active Member

  • uniGUI Subscriber
  • PipPipPip
  • 67 posts

Posted 11 January 2018 - 07:47 PM

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: Attached File  1.JPG   92.71KB   8 downloads

and when MainForm -> AlignmentControl -> uniAlignmentServer

this: Attached File  2.JPG   89.61KB   7 downloads

different way to positining.

 

The problem is not a BIG I just declare it


  • 0




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users