Disable Window Resizing

[rocheston]

iframe applications - For some applications I want to lock the window from resizing. How do I do that? Example: I have a clock application and I want to restrict the resizing. Lock the height/width.

What should I add to package/clock/dist/main.js file?

[andersevenrud]

First off, you should never modify the dist folder contents. Modify the sources and rebuild instead.

https://manual.os-js.org/tutorial/window/ will show you how to remove resizing by setting an option.

[rocheston]

Thank you.

[rocheston]

It is not working for iFrame applications. Resizable option is still enabled and I can resize the windows. Here is the code. Please tell me what I am doing wrong? I want to lock the chess game from being resized.

File location: src/Package/AboutMaya/index.js

I rebuit everything. Still no go.

import osjs from 'osjs';
import {name as applicationName} from './metadata.json';

// Our launcher
const register = (core, args, options, metadata) => {
  // Create a new Application instance
  const proc = core.make('osjs/application', {args, options, metadata});

  // Create  a new Window instance
  proc
    .createWindow({
      id: 'AboutMayaWindow', resizable: false,
      title: metadata.title.en_EN,
      icon: proc.resource(proc.metadata.icon),
      dimension: {width: 400, height: 400},
      position: {left: 700, top: 200}
    })
    .on('destroy', () => proc.destroy())
    .render($content => {
      const iframe = document.createElement('iframe');
      iframe.style.width = '100%';
      iframe.style.height = '100%';
      iframe.src = proc.resource('/data/index.html');
      iframe.setAttribute('border', '0');
      $content.appendChild(iframe);
    });

[andersevenrud]

That should be:

.createWindow({
  attributes: {
    resizable: false,
  }
})

[rocheston]

That totally worked. Your support is fantastic. Thank you. 🙏