Support Multiple Windows #1480

leaanthony · 2022-06-22T10:22:20Z

Is your feature request related to a problem? Please describe.

We'd like to support multiple windows and improve the current window APIs to support it.

Describe the solution you'd like

A window-centric API eg:

  app := wails.CreateApp(appOptions)
  mainWindow := app.CreateWindow(windowOptions)
  childWindow := mainWindow.CreateWindow(windowOptions)

The text was updated successfully, but these errors were encountered:

KiddoV · 2022-07-02T17:22:56Z

Can you also support custom dialog windows as an HTML? So that the dialog windows will all match with the application
window theme which is already styled in HTML and CSS?

leaanthony · 2022-07-02T22:40:14Z

Hey @KiddoV - what's driving this requirement? Is it Webview2 showing light dialogs in dark mode? That's a known bug on their end. If not, please open another ticket so we don't mix up the conversation 👍

KiddoV · 2022-07-03T01:17:56Z

@leaanthony no, I was just wondering if we can have a way to customize the dialog boxes like a message box using CSS and HTML. With the help of Wails, we build the app main window with full of HTML and CSS, so , calling a dialog box with the default OS theme seem a bit ...odd.

So, instead of:

This looks better, don't you think?

I know, I know... that I can make a modal within the webview window and call it done, but having a separate dialog window would be awesome.

leaanthony · 2022-07-03T01:19:19Z

Some people wouldn't agree 😄 but having the option is good.

askie · 2022-07-03T13:19:36Z

+1
one app need Multiple Windows

aneeskA · 2022-07-16T15:14:07Z

Yes, this would unlock the true potential of wails. 💪 I discovered wails today and super pumped to learn and create. Thanks for this excellent effort.

Deepfried-Chips · 2022-07-28T13:50:40Z

genuinely looking forward to this, something like this would be a lifesaver especially for a screenshotting tool

skypiaoyizhe · 2022-07-29T05:17:29Z

期待支持多窗口

santanamic · 2022-09-06T17:38:22Z

To support multiple windows, I'm treating each window as a different executable.

My project structure looks like this

--MyApp
--splash.exe //Splash screen. After 5 seconds this screen is automatically closed and the projects screen is opened
--projects.exe //Screen to list saved projects. When a project is selected, the project editing screen opens
--editor.exe //Playground to edit a project

1 - The screens are opened via cmd inside the executables.
2 - With the flag library it is possible to pass custom parameters before execution.

path, _ := os.Getwd()
cmd := exec.Command(path+"\\editor.exe", "-project=xxxx")
...

This is a simple and limited solution, but it suits my use case.

aneeskA · 2022-10-16T14:20:48Z

@santanamic Why didn't I think of this! :)

I tried this just now in my Mac and realised that this created two apps in the taskbar. For example:

Do you have a way to make it not do this?

aneeskA · 2022-10-16T14:24:13Z

@santanamic To give context, this is what I did to the template app. Please ignore the messy code; it is written to confirm my understanding.

// Greet returns a greeting for the given name
func (a *App) Greet(name string) string {
	dir, err := os.Getwd()
	if err != nil {
		fmt.Println(err.Error())
	}
	fmt.Println("directory=", dir)
	err = exec.Command(dir + "/kuit").Run()
	if err != nil {
		fmt.Println(err.Error())
	}
	return fmt.Sprintf("Hello %s, It's show time!", name)
}

santanamic · 2022-10-16T17:37:40Z

@aneeskA You can open a native webview window.

<a href="#" id="open-popup">open popup</a>

(() => { let id = document.getElementById("open-popup"); id.addEventListener("click", function(event){ let popupWindow = window.open("", 'myWindow', "width=800,height=500,left=283,top=134,location=no,menubar=no,scrollbars=no,resizable=no,status=no,titlebar=no,toolbar=no"); popupWindow.document.write("<html><body>123...</body></html>"); }); })();

The problem is the fixed URL bar

window.open accepts some parameters. Most unfortunately don't work.

santanamic · 2022-10-16T20:00:10Z

@santanamic Why didn't I think of this! :)

I tried this just now in my Mac and realised that this created two apps in the taskbar. For example:

Do you have a way to make it not do this?

You can also reopen the current window. 😅

cmd := exec.Command(path+"\self.exe", "-screen=editor")

The screen argument must receive the name of the view and do the proper logic for execution.

This way it is possible to work with only 1 executable.

I hadn't noticed this simplicity. I believe Multiple Windows support can be based on this? @leaanthony

@aneeskA Please if this runs successfully on the mec let me know.

leaanthony · 2022-10-16T20:09:28Z

Great workaround 👍 Multiple window support will allow more than 1 window to be displayed at once. Is there any reason you prefer to relaunch the app instead of just swapping out the view?

santanamic · 2022-10-17T02:46:38Z

Great workaround 👍 Multiple window support will allow more than 1 window to be displayed at once. Is there any reason you prefer to relaunch the app instead of just swapping out the view?

I need for the following components

1 - Home screen/Splash screen

2 - Custom Dialogs, Configuration Forms and a Log Console

3 - Open a custom HTML outside the main editor

aneeskA · 2022-10-17T04:37:48Z

@aneeskA Please if this runs successfully on the mec let me know.

I just now tried it and it is not working as we expected in my Mac.

aneeskA · 2022-10-17T04:40:38Z

Great workaround 👍 Multiple window support will allow more than 1 window to be displayed at once. Is there any reason you prefer to relaunch the app instead of just swapping out the view?

I am not sure if I understood "swapping out the view", but for me I need multiple windows to be able to do separate but related things in different windows something like a browser allows me to do. Put different but related stuff side by side to analyse data.

mholt · 2022-10-19T01:51:53Z

This would be great. I think all I really need is a way to open a window with window options that opens to a particular HTML file. A way to control the window would be good too (close it, move it, hide it, etc).

I'd mainly be using these for displaying logs alongside the main application, giving the user a way to provide more information (like a form), and customize the main app (like an options pane).

I think it'll be useful if windows have access to other windows, so for example the new window could change what the main window is doing.

SamHennessy · 2022-10-19T03:48:46Z

I want to have two web views in one window, allowing me to show an external website. Many sites block iframe usage, and I assume that's true with something like Wails.

I have two use cases. One use case is a live-reload app that will run a Go web app and rebuild, then reload it when something changes. This is possible with an iframe but doesn't allow me to read things like the page title or to use JavaScript to reload the page. The workaround is to use a reverse proxy. The other is a hacker news client, where I'd like to show the comments with the linked external website.

I can move this comment elsewhere if this is out of scope for Multi-Windows.

leaanthony · 2022-10-19T07:09:28Z

@mholt - I think this will be fairly trivial once we refactor out the current window code and make it more programmatic, as per the system tray API. I imagine this being something like:

logWindow := application.NewWindow(...)

// Store wherever you want

logWindow.Resize() // etc

leaanthony · 2022-10-19T07:11:03Z

@SamHennessy I'd make that a different request. I think you're wanting more flexibility around containers within the same window?

jaunkst · 2022-11-16T21:54:16Z

I have another use case.
I am pushing windows to another embedded wayland compositor and I would like to share state between them in goland.
Multiple windows could allow me to manage everything from a single runtime.

I could use a single view but I will need to manage window properties and focus as there are other wayland surfaces that are rendering other applications..

steowens · 2022-12-21T09:08:23Z

So I want to port a web app I was working on to Wails. One of my use cases is the ability to enter markdown in text areas. But I also provide the ability to edit the markdown in a full blown editor window that launches as a separate named tab and writes the result to local storage and sends a closed event to the launching tab when done. Then the launching tab fetches the modified markdown and replaces the text area with the new markdown. Being able to launch a separate editor window that allows communication between the two windows would be fantastic.

leaanthony · 2022-12-21T09:14:29Z

Hey @steowens - this is absolutely happening but be aware that the current API is really geared around 1 window, and that affects everything. For multiple windows, there will unavoidably be an API change but that's a good thing! I have some exciting things to announce soon so stick around 👍

dmwin72015 · 2023-01-18T01:56:47Z

support multiple windows +1

Korny666 · 2023-01-19T13:09:12Z

Please Support multiple Windows:

import useChildWindow from "../wailsjs/go/main/App.js";

// the window uses a piniaStore for data exchange
let details = useChildWindow('details.vue', windowOptions);

function onShowDetails() {
  details.show();
}

megozhang · 2023-01-27T12:08:42Z

PLZ Support multiple Windows:

import useChildWindow from "../wailsjs/go/main/App.js";

// the window uses a piniaStore for data exchange
let details = useChildWindow('details.vue', windowOptions);

function onShowDetails() {
  details.show();
}

What's PLT?

Korny666 · 2023-01-30T08:14:53Z

PLZ Support multiple Windows:

import useChildWindow from "../wailsjs/go/main/App.js";

// the window uses a piniaStore for data exchange
let details = useChildWindow('details.vue', windowOptions);

function onShowDetails() {
  details.show();
}

What's PLT?

I think you mean PLZ? PLZ is please in internet slang

megozhang · 2023-02-01T11:47:45Z

PLZ Support multiple Windows:

import useChildWindow from "../wailsjs/go/main/App.js";

// the window uses a piniaStore for data exchange
let details = useChildWindow('details.vue', windowOptions);

function onShowDetails() {
  details.show();
}

What's PLT?

I think you mean PLZ? PLZ is please in internet slang

haha~,Thank you!

sohaha · 2023-03-26T08:42:07Z

May I ask if there are any new developments?

crismcn · 2023-06-19T09:17:08Z

A year has passed unknowingly.

leaanthony · 2023-06-19T10:52:53Z

Multiple windows is in v3. If anyone is interested in any updates on this then please feel free to join the discord server. This was a video made 6 months ago as a little demo. If you want to see the source code, just press pause and rewind to the start.

multidevtools720.mov

Korny666 · 2023-06-19T12:40:00Z

Is there a popout into second window feature planned?
e.g. a (tab-content-)component and data (context/vars/pinia-store)?
and window icon and window title and so on :)

leaanthony · 2023-06-19T20:18:29Z

Sorry, I'm not sure I understand what you mean.

Korny666 · 2023-06-19T20:46:32Z

Sorry, I'm not sure I understand what you mean.

In your example it seems that you can spawn only a clone of the root window.
Not a certain subcomponent.
Like a Gallery as a new window or complex toolbars as a new window would be beneficial.
And then this new windows should communicate with the other data from the main window somehow.
And it should be possible to give the new windows another name and icon to distinguish them. (As mentioned before)

leaanthony · 2023-06-19T21:41:20Z

Those 2 windows are entirely independent and you can have what you like in them. This was just defaulting to an external URL for demo purposes. A lot has happened in 6 months 🚀For more discussion on this, please join the Discord server 👍

maaft · 2023-06-20T11:05:19Z

Is there any ETA for v3?

leaanthony · 2023-06-20T11:19:33Z

No. I imagine Mac/Windows alpha might be out soon...

leaanthony · 2023-08-03T22:38:31Z

Multi window support has been completed for v3. Closing this.

gilberto-009199 · 2023-08-14T21:00:53Z

thanks

xiaobingcaicai · 2023-12-06T08:38:33Z

Multi window support has been completed for v3. Closing this.

when will v3 release?

leaanthony · 2023-12-06T08:51:57Z

When it's ready.

safareli · 2024-01-14T18:29:43Z

Where is it documented? checked next version of docs but can't find new api https://wails.io/docs/next/reference/runtime/window

almas1992 · 2024-01-15T02:13:53Z

Where is it documented? checked next version of docs but can't find new api https://wails.io/docs/next/reference/runtime/window

https://v3alpha.wails.io/whats-new/#multiple-windows

c1ngular · 2024-03-05T08:00:40Z

@leaanthony how would multiple windows communicate with each other , through BroadcastChannel ? window.postMessage ?

leaanthony · 2024-03-05T08:55:48Z

Worth asking on the discord channel rather than this closed ticket 👍

c1ngular · 2024-03-05T09:31:05Z

@leaanthony sorry ,google search lead me here , did not realize this was closed .

leaanthony added the Enhancement New feature or request label Jun 22, 2022

leaanthony added this to the v2.2 milestone Jun 22, 2022

leaanthony added the TODO The issue is ready to be developed label Jul 3, 2022

leaanthony mentioned this issue Jul 8, 2022

window.open is not working on mac #1522

Closed

leaanthony mentioned this issue Sep 27, 2022

Refactor app #1909

Merged

leaanthony modified the milestones: v2.2, v2.3.0 Nov 25, 2022

This was referenced Dec 1, 2022

Support Multiple Windows (mac) #2166

Closed

Support Multiple Windows (Windows) #2165

Closed

leaanthony removed this from the v2.4.0 milestone Dec 29, 2022

leaanthony added the v3 label Jun 19, 2023

leaanthony closed this as completed Aug 3, 2023

Support Multiple Windows #1480

Support Multiple Windows #1480

Comments

leaanthony commented Jun 22, 2022 • edited Loading

Is your feature request related to a problem? Please describe.

Describe the solution you'd like

KiddoV commented Jul 2, 2022 • edited Loading

leaanthony commented Jul 2, 2022

KiddoV commented Jul 3, 2022 • edited Loading

leaanthony commented Jul 3, 2022

askie commented Jul 3, 2022

aneeskA commented Jul 16, 2022

Deepfried-Chips commented Jul 28, 2022

skypiaoyizhe commented Jul 29, 2022

santanamic commented Sep 6, 2022

aneeskA commented Oct 16, 2022

aneeskA commented Oct 16, 2022

santanamic commented Oct 16, 2022

santanamic commented Oct 16, 2022

leaanthony commented Oct 16, 2022

santanamic commented Oct 17, 2022 • edited Loading

aneeskA commented Oct 17, 2022

aneeskA commented Oct 17, 2022

mholt commented Oct 19, 2022

SamHennessy commented Oct 19, 2022 • edited Loading

leaanthony commented Oct 19, 2022 • edited Loading

leaanthony commented Oct 19, 2022

jaunkst commented Nov 16, 2022 • edited Loading

steowens commented Dec 21, 2022

leaanthony commented Dec 21, 2022

dmwin72015 commented Jan 18, 2023

Korny666 commented Jan 19, 2023 • edited Loading

megozhang commented Jan 27, 2023

Korny666 commented Jan 30, 2023

megozhang commented Feb 1, 2023

sohaha commented Mar 26, 2023

crismcn commented Jun 19, 2023

leaanthony commented Jun 19, 2023

Korny666 commented Jun 19, 2023 • edited Loading

leaanthony commented Jun 19, 2023

Korny666 commented Jun 19, 2023

leaanthony commented Jun 19, 2023 • edited Loading

maaft commented Jun 20, 2023

leaanthony commented Jun 20, 2023 • edited Loading

leaanthony commented Aug 3, 2023

gilberto-009199 commented Aug 14, 2023

xiaobingcaicai commented Dec 6, 2023

leaanthony commented Dec 6, 2023

safareli commented Jan 14, 2024

almas1992 commented Jan 15, 2024

c1ngular commented Mar 5, 2024

leaanthony commented Mar 5, 2024

c1ngular commented Mar 5, 2024

leaanthony commented Jun 22, 2022 •

edited

Loading

KiddoV commented Jul 2, 2022 •

edited

Loading

KiddoV commented Jul 3, 2022 •

edited

Loading

santanamic commented Oct 17, 2022 •

edited

Loading

SamHennessy commented Oct 19, 2022 •

edited

Loading

leaanthony commented Oct 19, 2022 •

edited

Loading

jaunkst commented Nov 16, 2022 •

edited

Loading

Korny666 commented Jan 19, 2023 •

edited

Loading

Korny666 commented Jun 19, 2023 •

edited

Loading

leaanthony commented Jun 19, 2023 •

edited

Loading

leaanthony commented Jun 20, 2023 •

edited

Loading