Proxmox - VM/LXC-Hinweisfenster

Allgemein
1

Frage an die Proxmox-Spezialisten:

In der Proxmox-Oberfläche gibt es für jede VM/LXC ein Hinweisfenster, dass mit HTML gestaltbar ist. Leider ist der HTML-Interpreter sehr in seinen Möglichkeiten reduziert. So ist es z.B. nicht möglich die Größe eines Bildes einzustellen – weder in der HTML- noch in der CSS-Terminologie. Jetzt möchte ich die Bilder (Icons der LM/LXC) skalieren und irgendwo lokal im System ablegen, von wo ich sie aufrufen kann. Aber ich habe keinen Ordner gefunden, aus dem ich einen Inhalt hier anzeigen lassen kann.

???

2

Zeig doch ein Bild was du willst. Aus dem Text wird vermutlich keiner schlau. Ich nutze zwar Proxmox intensiv aber kann dir dennoch nicht folgen.

3

Nix für ungut, aber ich befürchte du kannst meine Frage nicht beantworten wenn du sie nicht verstehst. Aber gerne ein paar mehr Details:

Wenn man z.B. HAOS über die Helper Scripts installiert wird folgendes Hinweisfenster angelegt:

Bildschirmfoto 2025-01-15 um 16.01.01
Bildschirmfoto 2025-01-15 um 16.01.01778×660 33.9 KB

Der HTML-Text dazu ist folgender:

<div align='center'>
  <a href='https://Helper-Scripts.com' target='_blank' rel='noopener noreferrer'>
    <img src='https://raw.githubusercontent.com/community-scripts/ProxmoxVE/main/misc/images/logo-81x112.png' alt='Logo' style='width:81px;height:112px;'/>
  </a>

  <h2 style='font-size: 24px; margin: 20px 0;'>Homebridge LXC</h2>

  <p style='margin: 16px 0;'>
    <a href='https://ko-fi.com/community_scripts' target='_blank' rel='noopener noreferrer'>
      <img src='https://img.shields.io/badge/&#x2615;-Buy us a coffee-blue' alt='spend Coffee' />
    </a>
  </p>
  
  <span style='margin: 0 10px;'>
    <i class="fa fa-github fa-fw" style="color: #f5f5f5;"></i>
    <a href='https://github.com/community-scripts/ProxmoxVE' target='_blank' rel='noopener noreferrer' style='text-decoration: none; color: #00617f;'>GitHub</a>
  </span>
  <span style='margin: 0 10px;'>
    <i class="fa fa-comments fa-fw" style="color: #f5f5f5;"></i>
    <a href='https://github.com/community-scripts/ProxmoxVE/discussions' target='_blank' rel='noopener noreferrer' style='text-decoration: none; color: #00617f;'>Discussions</a>
  </span>
  <span style='margin: 0 10px;'>
    <i class="fa fa-exclamation-circle fa-fw" style="color: #f5f5f5;"></i>
    <a href='https://github.com/community-scripts/ProxmoxVE/issues' target='_blank' rel='noopener noreferrer' style='text-decoration: none; color: #00617f;'>Issues</a>
  </span>
</div>

Nun möchte ich dieses Hinweisfenster neu anlegen, mit passendem Logo und diversen Informationen zu der VM/LXC.

Leider wird die Seite intern irgendwie anders verarbeitet, denn normales HTML funktioniert nicht zu 100% - z.B. kann man eine extern geladene Grafik (.png, .jpg) nicht skalieren! Dateien vom Typ .svg passen sich selbständig an, füllen aber das komplette Fenster in der Breite aus, sodass man zum Text tw. scrollen muss. Auch verschiedene Auszeichnungen von Text sind nicht möglich (ein * vor dem Text funktioniert aber als h1). Ich vermute das hier ein Style-Sheet drunter liegt das dazwischen funkt.

Deshalb meine Frage: in welches Verzeichnis auf dem Proxmox-Server kann ich ein passend skaliertes .png speichern, sodaß das hier eingeblendet werden kann. Ich habe verschiedene Verzeichnisse ausprobiert, aber das wurde immer mit einer Fehlermeldung quittiert.

Klar jetzt?

Eine Dokumentation zu dem Hinweisfenster habe ich auch nicht gefunden.

4

Die Bilddatei wird nur in dem Infosfenster eingebunden, der Rest ist Markdown-Syntax

da ein Beispiel:

<div align='center'><a href='https://Helper-Scripts.com' target='_blank' rel='noopener noreferrer'><img src='https://raw.githubusercontent.com/tteck/Proxmox/main/misc/images/logo-81x112.png'/></a>

  # Linkwarden LXC

  <a href='https://ko-fi.com/proxmoxhelperscripts'><img src='https://img.shields.io/badge/&#x2615;-Buy me a coffee-blue' /></a>
  </div>
5

@Tuxtom007 Danke für den wertvollen Hinweis. Also kann man nur externe Bilder einbinden bzw. müsste ich was im eigenen System speichern (z.B. NAS)?

Ich hab nochmal im Markdown-Handbuch nachgeschaut. Dort steht zum Thema Bildgröße:

Image Size

The Markdown syntax for images doesn’t allow you to specify the width and height of images. If you need to resize an image and your Markdown processor supports HTML, you can use the img HTML tag with the width and height attributes to set the dimensions of an image in pixels.

<img src="image.png" width="200" height="100">

The rendered output will contain the image resized to the dimensions you specified.

Damit hatte ich mich noch nicht beschäftigt. Das scheint in proxmox nicht implantiert zu sein …

6

Wenn auf deiner NAS ein kleiner Webserver läuft, wäre es sicherlich am einfachsten.

Ob und wie man auf die lokale Disk im Proxmox aus der WebGUI zugreifen kann, kann ich dir nicht sagen.

7

Nix für ungut, liegt am Fragesteller und nicht am Experten der helfen könnte, sobald die Frage klar formuliert ist.

Weil es nicht unter Hinweisfenster sondern unter Description läuft.

Du kannst Markdown oder eingeschränktes HTML nutzen.

Dateien kannst du im Webserver-Verzeichnis anlegen. Nur png werden akzeptiert. Meine pngs heißen wie der Container.

Also Beispiel /usr/share/pve-manager/images/200.png
Der Link wäre <img src="pve2/images/200.png">

Der Pfad hat sich schon mal geändert, findest aber leicht wieder indem du mit einen find nach “proxmox_logo.png” suchst, dann kannst Scripte oder configs anpassen.

Sieht dann so aus:

Screenshot 2025-01-15 192202
Screenshot 2025-01-15 192202969×627 96 KB

FAlls du das per Cli / Rest machen willst gibt es dazu einen eigenen Knoten
https://pve.proxmox.com/pve-docs/api-viewer/index.html#/nodes/{node}/lxc/{vmid}/config

8

Jau, habs auch gefunden zwischenzeitlich.

Vielleicht kann der Fragesteller damit weiter kommen.
Ich brauchs nicht, ich lösche die Notes immer direkt :slight_smile:

1 „Gefällt mir“
9

Super - Danke. Das muss ich morgen gleich mal probieren! Ich hab es schon in diversen Foren gepostet und Chattie befragt - ohne Antwort.

10

Feedback: Hat super geklappt - Danke!

11

Kleiner Nachschlag um Thema Bildgröße:

Der eingebaute Interpreter interessiert sich nicht für die Bildauflösung, sondern für die Bildgröße!

Einstellungen die auf jeden Fall funktionieren:

128px x 128px Bildauflösung
1" x 1" Bildgröße
72px x 72px Bildschirmauflösung

Eine nachträgliche Anpassung via HTML oder CSS geht nicht. Das Bild muss also in der richtigen Dimenisonierung vorliegen.

(Gut wer 'nen Mac mit dem Grafikkonverter hat … :laughing:)

1 „Gefällt mir“