Transparent login form without borders

[d.bernaert]

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

[Hayri ASLAN]

Hello,

What theme do you use?

Can you create a simple test case?

[Sherzod]

40 minutes ago, d.bernaert said:

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

.x-css-shadow {
  box-shadow: none !important;
}

But it will also affect other forms.

[d.bernaert]

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

 

[Hayri ASLAN]

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;

 

[artem_niko]

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;

 

Form is transparent, but border still stay...

[Sherzod]

2 hours ago, Артем said:

Form is transparent, but border still stay...

Hello,

Do you have a simple testcase?