Estoy usando winbox.js https://nextapps-de.github.io/winbox/ para crear iframes y dentro de cada uno estoy cargando páginas php locales que tienen jQuery disponible.

En la ventana principal principal, estoy cargando winbox.js y creando una ventana predeterminada de la siguiente manera:

 var test1 = new WinBox('Users', { id: 'test1', x: "center", y: "center", url: '/test/page1.php' })

En page1.php jQuery está cargado y ahora quiero ejecutar el winbox.resize() para cambiar el tamaño del iframe.

Desde el iframe puedo acceder a la propiedad de instancia winbox.id usando parent.text1.id y devuelve la identificación correcta para este iframe.

Los documentos dicen que puede usar el cambio de tamaño de la siguiente manera:

 var winbox = new WinBox("Custom Viewport"); winbox.resize("50%", "50%") .move("center", "center");

Así que probé en el iframe para usar: parent.test1.resize("50%", "50%").move("center", "center")

Pero eso solo muestra lo siguiente en la consola. Uncaught TypeError: parent.test1.resize is not a function

Puedo cambiar el tamaño del iframe usando jQuery con: $('#test1', window.parent.document).height( '100px' );

Esto funciona, pero si intenta cambiar el tamaño manualmente del winbox, vuelve a su tamaño original antes de cambiar el tamaño. Supongo que esto se debe a que lo redimensioné manualmente y no utilicé las opciones integradas.

¿Puede alguien aconsejar cómo hacer esto?

Gracias