How to set the preview of a plasmoid widget to a png

[jaxparrow07]

It does work if I manually copy my “Icon" to the desired folder and then reference it in the manifest.json. But, I don’t think that’s the way you’re supposed to do it. I have a couple of widgets I just want to figure our how to set their preview image to the one I designed in Photoshop so I could show all their available states at once. I.e

Preview image of the widget, the one that should show up in the add widget menu.

I checked this thread and the provided snippet is not working.

How to add own icon to self created plasmoid widget?

In that case you’ll need to add it using the QtQuick Image primitive, and add the Image object into a custom CompactRepresentation for your widget.

Any help would be appreciated.

[dphaldes]

Maybe this will help you

Widget Properties

+1 for NothingOS style widgets

[skyfishgoo]

if you add widget “SCP Menu” from the widget store you can see it displays in the Add widget browser with an icon and if you look up the plasmoid in ~/.local/share/plasma/plasmoids/ you will see it uses a .desktop file instead of .json with the Icon=configure key value pair.

but if you add widget “Simple public IP` you will see that it has the same problem as your are having, using the .json file.

i tried adding the Plasmoid.icon: 'starred-symbolic' to the main.qml per the documentation, but it didn’t work

however, i found that adding the line "Icon": "configure", in between the other items under KPlugin that it would show the icon in the Widget Browser.

it did not, however, affect the icon displayed for the .json file like the .desktop does.

[jaxparrow07]

I tried everything mentioned there, looked at several examples but the lack of proper documentation and wording ( or perhaps it’s outdated ) is surprising while kde is known for its customisation

[jaxparrow07]

I can configure from the system icons but what I want to achieve is load a custom png there just like “disk usage”, “binary clock” widgets.

Could you share me a sample code snippet of how you’ve done it if you don’t mind.

[luisbocanegra]

That is currently not possible, the Icon property expects a name of an icon in the icon theme:

Icon is the icon name associated with the widget. You can search for icon names in the /usr/share/icons folder.

Source: https://develop.kde.org/docs/plasma/widget/setup/#metadatajson

@luisbocanegra

Setting a custom path in the widget metadata.json is currently not possible, here is the feature request for that: https://bugs.kde.org/show_bug.cgi?id=509896

So while you can ship a custom icon and display it when the widget is added to the panel/desktop (using Kirigami.Icon), other places like the widget explorer or the widget about page need an icon that is on the icon theme.

[jaxparrow07]

That’s quite disappointing that it’s possible but wasn’t thought of .

Could you tell me how this plasmoid does it?

gh: exequtic/apdatifier/blob/main/package/metadata.json

cant include links

[luisbocanegra]

It uses some very confusing scripting that puts the icon in a place where Plasma internals can pick icons (standard icon theme path).

The script is then called when the widget is added to a panel/desktop so the widget must run at least once for that trick to work.

https://github.com/exequtic/apdatifier/blob/4bd28e1d286622bff33f7fb10b70e7460aad3cac/package/contents/ui/main.qml#L141

https://github.com/exequtic/apdatifier/blob/4bd28e1d286622bff33f7fb10b70e7460aad3cac/package/contents/tools/sh/init#L18

[luisbocanegra]

I was wrong, see Including a custom icon for desktop widget/plasmoid? - #8 by luisbocanegra for the correct answer

[jaxparrow07]

Man, you’re goated. I don’t know how this was never mentioned in the documentation.

[jaxparrow07]

The widgets are up. Thanks for everyone’s support. ( Repo: jaxparrow07/nothing-kde-widgets )
Are there any sub threads where you could post your widgets?

[skyfishgoo]

how did you end up getting it working?

the only success i’ve had is using the full path in the .json file like so,

    "KPlugin": {

         "Icon": "/full/path/to/custom/icon.svg",

    }

[jaxparrow07]

Placed my png inside the contents folder as icon.png.
Then in the metadata.json:

    "KPlugin": {

         "Icon": "/icon.png",

    }

You can check out my repo to see how I implemented it.

[skyfishgoo]

thanks, that got it working on my end…glad there is a way to do this for plasmoids, but it doesn’t seem to work for service menus, unfortunately.

also, your repo doesn’t seem to have a link, which is why i asked.