add a button on jellyfin headband

[Anatole]

Hello,
I would like to add a button to send to another site on my jellyfin banner.
Is it possible ?

[TheDreadPirate]

Send what to another site? Just to have a link to another site? You'd need to modify jellyfin-web's files. I don't think CSS can insert links.

[Anatole]

I would like that when we press the button it would redirect to a website that belongs to me.

[TheDreadPirate]

I think that config.json within Jellyfin-web's directory has a section where you can add links. Though I'm not sure they would get put where you are asking.

In a bare metal Linux install config.json is located at /usr/share/jellyfin/web/config.json.

[Anatole]

ok thank you very much, I will try. I will come back to you to let you know if it works.

[Anatole]

in my json file I have this, how do I add a button?


{
"includeCorsCredentials": false,
"multiserver": false,
"themes": [
{
"name": "Apple TV",
"id": "appletv",
"color": "#bcbcbc"
}, {
"name": "Blue Radiance",
"id": "blueradiance",
"color": "#011432"
}, {
"name": "Dark",
"id": "dark",
"color": "#202020",
"default": true
}, {
"name": "Light",
"id": "light",
"color": "#303030"
}, {
"name": "Purple Haze",
"id": "purplehaze",
"color": "#000420"
}, {
"name": "WMC",
"id": "wmc",
"color": "#0c2450"
}
],
"menuLinks": [],
"servers": [],
"plugins": [
"playAccessValidation/plugin",
"experimentalWarnings/plugin",
"htmlAudioPlayer/plugin",
"htmlVideoPlayer/plugin",
"photoPlayer/plugin",
"comicsPlayer/plugin",
"bookPlayer/plugin",
"youtubePlayer/plugin",
"backdropScreensaver/plugin",
"pdfPlayer/plugin",
"logoScreensaver/plugin",
"sessionPlayer/plugin",
"chromecastPlayer/plugin",
"syncPlay/plugin"
]
}

[M0RPH3US]

in my json file I have this, how do I add a button?


{
  "includeCorsCredentials": false,
  "multiserver": false,
  "themes": [
    {
      "name": "Apple TV",
      "id": "appletv",
      "color": "#bcbcbc"
    }, {
      "name": "Blue Radiance",
      "id": "blueradiance",
      "color": "#011432"
    }, {
      "name": "Dark",
      "id": "dark",
      "color": "#202020",
      "default": true
    }, {
      "name": "Light",
      "id": "light",
      "color": "#303030"
    }, {
      "name": "Purple Haze",
      "id": "purplehaze",
      "color": "#000420"
    }, {
      "name": "WMC",
      "id": "wmc",
      "color": "#0c2450"
    }
  ],
  "menuLinks": [],
  "servers": [],
  "plugins": [
    "playAccessValidation/plugin",
    "experimentalWarnings/plugin",
    "htmlAudioPlayer/plugin",
    "htmlVideoPlayer/plugin",
    "photoPlayer/plugin",
    "comicsPlayer/plugin",
    "bookPlayer/plugin",
    "youtubePlayer/plugin",
    "backdropScreensaver/plugin",
    "pdfPlayer/plugin",
    "logoScreensaver/plugin",
    "sessionPlayer/plugin",
    "chromecastPlayer/plugin",
    "syncPlay/plugin"
  ]
}

You can try this. 

Code:

"menuLinks": [
{
    "name": "Custom Link",
    "url": "https://jellyfin.org"
},
{
    "name": "Custom Link w. Custom Icon",
    "icon": "attach_money",
    "url": "https://demo.jellyfin.org/stable"
}
],

[Anatole]

Hello thank you. but I did it, I looked for the button I couldn't find it on the interface.

[Anatole]

hello, finally I found the button it's in the left banner. However I would like to put an image for the logo so I did
"icon": "with the link of my image"
but nothing appears.

[TheDreadPirate]

If you made a change to one of the jellyfin-web files, you may need to ctrl+f5 or clear your browser cache before your browser will show the updated version.