How do I install a PWA

justdaj

Am I missing an option to install an App (PWA)?

First time you visit a site which is a PWA I get a prompt from the site. If I say 'No' I can't then find an option in Vivaldi to do it later.

In Edge there is an icon on the address bar to install a PWA should a site offer it.

Pathduck

@justdaj Please read the help files:
https://help.vivaldi.com/desktop/miscellaneous/progressive-web-apps/

justdaj

Thanks, I had seen that. Sorry should have said. It never appears (right click option) on any site that I know has a PWA

Pathduck

@justdaj And what site(s) would that be?

justdaj

This one!
or elk.me.uk mastodon.social

All have PWAs. All give a popup when I first visits but never again. None have a right click on the address bar. Where as when I use Edge all give a popup initially. All give me an option to install

Pathduck

@justdaj Works fine here...

It says in the docs:
"While the site is open in the active tab, right-click on the tab on the Tab Bar."

It also looks like you are right-clicking in the address field, not on the tab itself.

Where as when I use Edge all give a popup initially. All give me an option to install

Vivaldi does not have that feature from the address field.

lfisk

@Pathduck Just to mention... you won't get this (install Elk) using a Private (Incognito) Window...

mikeyb2001

@Pathduck said in How do I install a PWA:

@justdaj Please read the help files:
https://help.vivaldi.com/desktop/miscellaneous/progressive-web-apps/

could have just answered him

by copy and paste
1
2
3
4 steps
helps with Forum rep anyway lol

mikeyb2001

Progressive Web Apps (PWA) are websites that can be installed as independent applications. They can be opened from shortcuts and used in their own window separate from the main browser.

Install Progressive Web Apps
To install a website as a PWA:

In a tab, open the website you want to install.
While the site is open in the active tab, right-click on the tab on the Tab Bar.
Select Install [website name] from the context menu.
Click Install in the small pop up asking you to confirm your action.
Installing websites that don’t support running as a PWA
In case you don’t see the option to install the website in the context menu, the website doesn’t support running as a PWA. In that case, while the site is open in the active tab:

Choose Create a shortcut from the context menu instead.
Tick the box for Open as Window.
Click Create.

ddennyO

This post is deleted!

sachawech

Hiya! I'm curious about why the Vivaldi as application / shortcut has different minimum sizing requirements. You'll notice a window won't go below a certain pretty big width when in PWA mode. This is different to regular vivaldi which can be much slimmer.

The big reason I want to use PWA's with Vivaldi specifically is it doesn't have the same dumb huge minimum width that chrome has. Specifically for notion having a slim window is what I want. I want to use vivaldi as well because I'm using a bunch of extensions that won't work with the notion app, nor the notion enhancer app.

In short:
Is there somewhere we can remove the minimum width of vivaldi when using it for PWA's?

Thanks!

Pathduck

@sachawech When you run PWAs you're running base Chromium, that's all.

sachawech

Ah thanks for clarifying that!

So nothing can be done?

Big thanks again!

sachawech

Ok! For anybody else that's interested in this I figured out a way! Make a shortcut like this:

Target:

"C:\Users\YOUR_WINDOWS_USER_NAME\AppData\Local\Vivaldi\Application\vivaldi_proxy.exe" --app=https://www.notion.so --window-size=200,600

Start in:

"C:\Users\YOUR_WINDOWS_USER_NAME\AppData\Local\Vivaldi\Application"