Jump to content

Transparent login form without borders


d.bernaert

Recommended Posts

Hello,

I have the following login screen.

I have been able to make it transparent using the following code:

.frmLogin .x-window-body

{

  background-color: transparent !important;

}

and calling config.baseCls='frmLogin' in the beforeInit of the window.

Now I would like to remove the remaining border, how could I do this?

Thx,

Dominique

Capture.PNG

  • Like 1
Link to comment
Share on other sites

Thx Sherzod,

solves the issue.

If there would be another solution that does not affect other forms except the login screen that would be great.

But I can go forward anyway, the shadow does not have a big impact on the visual part.

Dominique

 

image.png

Capture2.PNG

  • Like 2
Link to comment
Share on other sites

  • 1 year later...
On 4/26/2019 at 4:43 AM, Hayri ASLAN said:

Can you test this


  with WebForm, JSInterface do
  begin
    JSCallGlobal('Ext.util.CSS.createStyleSheet',['#'+WebForm.JSName+'_id .x-css-shadow { box-shadow: none !important;}']);
  end;

 

Hello!

I was try you solution, but no effect:

procedure TUniLoginForm1.UniLoginFormReady(Sender: TObject);
begin
  with WebForm, JSInterface do
  begin
    JSCallGlobal('Ext.util.CSS.createStyleSheet',['#'+WebForm.JSName+'_id .x-css-shadow { box-shadow: none !important;}']);
  end;
end;

image.png.53123e1ee5160ac0441f29afff6eee57.png

 

Form is transparent, but border still stay...

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...