CODEWITHSUNDEEP
centeringdimensionneutralinojs
adelriosantiago
adelriosantiago

Reputation: 8134

How to center NeutralinoJS screen

Using NeutralinoJS, how can start the app right in the center of the screen?

It should look like the splashscreen of any app. Unlike ElectronJS, Neutralino's window options doesn't seem to have a center() method.

Upvotes: 2

Views: 274

Answers (1)

Ashutosh Jha
Ashutosh Jha

Reputation: 86

I made a simple javascript function by using native API of neutralionJS. Used Neutralino.computer.getDisplays() to height & width of the screen along with Neutralino.window.getSize() to height & width of the window and Neutralino.window.move(x,y) to center it. Note: x,y is the coordinates of the top right corner of the window. For a better explaination I have also attested a img demostrating it.

async function centerWindow(){
    
    let display  = await Neutralino.computer.getDisplays();
    const displayHeight = display[0].resolution.height;
    const displayWidth = display[0].resolution.width;

    let window = await Neutralino.window.getSize();
    const windowHeight = window.height;
    const windowWidth = window.width;

    const x = (displayWidth - windowWidth) / 2;
    const y = (displayHeight - windowHeight) / 2;

    Neutralino.window.move(x,y);

}

centerWindow();

Image link

The black dot is actual center of screen, red dot is where Neutralino.window.move(x,y) takes you too.

Upvotes: 3

Related Questions