Login Window resizing

Hello Team,
We are so glad that we’ve been getting your response very fast and fine,so we are moving ahead with another issue.
I am jotting down my issue below.
Details:
Our goal in our application is to resize the login Mainbox(which carries User Name, password, logo, language etc.) in the login page i.e We want to increase the width and height of the same.
To achieve the same,we created a new XML file ,which extends the provided loginWindow XML and another Java(controller) class,which extends AppLoginWindow.java.Then we put the codes by overriding ready() method,but unfortunately it’s not working.
For reference am attaching the below codes those I tried:


public class ExtAppLoginWindow extends AppLoginWindow {

    @Inject
    private VBoxLayout loginMainBox;

    @Inject
    private HBoxLayout loginTitleBox;

    @Override
    public void ready() {
        super.ready();
        loginMainBox.setWidth("900px");
        loginMainBox.setHeight("900px");
        loginTitleBox.setWidth("900px");
        loginTitleBox.setHeight("900px");
    }
}

Please help me out in fixing this.

Regards
Alka Mishra

I think you shall look into the documentation.
This can be done if you create theme in Cuba-studio.
Then by using developer tools in the browser you can find the attributes in the DOM.
Next. Override the attributes in the new theme document.

https://www.cuba-platform.com/discuss/t/styling-the-table-rows-and-columns-based-on-criteria

Maby the following topic can help you a bit.
If you want I can create an example for you of how to do this.

I have made you an example. the project is created with Cuba 6.3.0
What I have done.
created theme for “halo”. Found the styling for cuba-login in Chrome and copy the style into the helo-ext.scss file. I also created a new login window. Not needed. But is an example.

Below you find the styling:


.cuba-login-panel {
      background: white;
      border: 1px solid #c5c5c5;
      border-radius: 4px;
      padding: 10px 30px 10px 40px;
      width: 400px;
      height: 300px;
  }

I have also attached the project.

ThemeExample.zip (256.5K)

Thanks Kjell

It worked perfectly fine.

Regards
Alka Mishra