Speed Dial Widgets

sphera

@mib2berlin said in Speed Dial Widgets:
Profile any.
Last @aminought's version of widget.js has all examples. See russian thread.

aminought

@mib2berlin Have you added any widgets to the Widgets array?

mib2berlin

@aminought
I just remove the comment strings from your example but now I try the first file @sphera posted, doesn't work either.
I am on Linux, is this maybe Windows only?
I will check on Windows 11 now.

Cheers, mib

aminought

UPD 2/26/2024, Part 2:

Removed the appearance presets, and left the second one by default. Just to avoid any extra headaches.
Added cursor: move style for the widget's padding to indicate that you can move it.
Added an increase to the padding-top of the widget when you hover over it, so that you can easily drag it and avoid aiming at the small default padding.
Added window.scrollTo(0, 0) to the filter script, as occasionally the widget disappears from view.
Updated the description.

aminought

@mib2berlin No, I tested on Linux too, everything should work.

mib2berlin

@aminought
OK, this takes to much time at moment for a feature I don't need, I will try later again.
Thanks for the help @aminought @sphera

Cheers, mib

aminought

The hint was understood, and I am trying to reduce the entry barrier. Everything should function immediately without pre-configuration. I have made the following parameters the default:

By default, START_PAGE_BUTTON property is set to null, which means that widgets will be displayed on all Speed Dials. If you want to display widgets on the specific Speed Dial, you will need to provide the name of that panel in START_PAGE_BUTTON option.
WIDGETS is now filled with two widgets by default: my profile and the latest Vivaldi releases.

aminought

UPD 2/29/2024:

Prepared the ground for future improvements. Moved all the CSS to STYLE constant, and I now use separate container for the header instead of using padding.
Added a button to the header to update a separate widget.
Updated the description.

mib2berlin

@aminought
Hi, I get it to work now, the file I copied had 300 Kb but the new file I copied as raw file has 21 Kb.
So, as usual a copy/paste error.
Will play around a bit now.

Thanks, mib
EDIT: Is it possible to add the widgets on top of the speed dials page? Scroll down to see a widget makes not much sense to me.

aminought

@mib2berlin said in Speed Dial Widgets:

Is it possible to add the widgets on top of the speed dials page?

It is, but I don't know why. I believe that the Speed Dial icons should go first, followed by the widgets. In other words, I don't want to disrupt the user experience. You can place widgets on empty Speed Dial.

aminought

UPD 3/9/2024:

Widgets can now be added, modified and deleted directly in the browser.
The size of the widgets can now be changed with the mouse.

Traditionally, the demonstration:

Гифка

Sorry for such a long delay after the last update, but the changes after the previous version are simply colossal by the standards of this mod. A few important details:

If you want your current widgets to be saved, you can copy everything from widgets.js except the WIDGETS array. If you restarted the browser and saw that the widgets loaded, you can safely replace the file completely, because the widgets are saved to the browser database, which does not disappear even after updates. I mean, the mod itself, of course, will disappear, but the widgets will remain in your profile, so after turning on the mod, the widgets will be restored automatically.
At the last moment, I added the "Copy" and "Paste" buttons so that widgets can be easily shared. In order for the widget to be inserted, there must be a valid json or a piece of javascript code with the widget in the clipboard. The following options will work:

{
    "id": "VivaldiProfileWidget",
    "url": "https://forum.vivaldi.net/user/aminought",
    "zoomFactor": "0.8",
    "selector": ".profile.row",
    "width": "292px",
    "height": "266px",
    "timeout": "0"
}

{
    id: 'VivaldiProfileWidget',
    url: 'https://forum.vivaldi.net/user/aminought',
    selector: '.profile.row',
    zoomFactor: 0.8,
    width: '292px',
    height: '266px',
    timeout: 0
}

Do not forget to press the "Save" button after the changes!
When adding a new widget, a widget with Vivaldi releases is added by default, and you can change the parameters to the ones you need: web address, selector, etc.

P.S. The mod code has already exceeded 1 thousand lines

jeroenschepers

I really love this modification and have been using the widgets for quite a while. However, the functionality seems lost with the last Vivaldi update? I'm running version 6.9.3447.54 (Stable channel) (64-bit).

jeroenschepers

Functionality restored in the newest Vivaldi stable version!

Alenn

I love it. Would be fine to add opacity for each.
Also, if I would like to exclude some divs, how could I do that?

const elements = document.querySelectorAll(".container :not(.exclude)");

Does not work and i am a newbie so I don¨t know where to look

ekozcifci

It seems there is a bug where, after switching to different speed dials and returning to the Widgets section, the widgets and the add button disappear, resulting in a blank page. Is this a known issue or is it just happening on my device?

FYI, no other mod injected, 7.0.3495.20 (Stable channel) (64-bit)

mib2berlin

@ekozcifci
Hi, I can jump between my 3 speed dials and the dashboard as I like, nothing disappear.
I bet an extension cause this, disable all, restart Vivaldi and test this.

Cheers, mib

ekozcifci

@mib2berlin
Hi, i tested it already fresh installed vivaldi without any mods and extensions, still same result. Its okay with jumping other speed dials but when i open dashboard, widgets are gone. So problem is about Dashboard

mib2berlin

@ekozcifci
Hm, I cant reproduce this, iirc you are the first user report this issue here.
We have to wait for other users if one can reproduce.

VinayDD

This post is deleted!

wolfebat

@ekozcifci I have the same issue. I have to restart Vivaldi for the widgets to appear again.