Hallo,
ich versuche schon einige Zeit einfache Symbole als Buttons mit BubbleCard zu erstellen, ähnlich der dargestellten auf der linken Seite oben.
In Bubble Card habe ich zwar den horizontal-buttons-stack, der wird aber als Menüzeile am Fuß über die gesamte Breite der Seite angezeigt.
Kann mir jemand dazu einen Tip geben?
Danke
Gruß Mario
Github
horizontal-buttons-stack
Das Bild wird leider nicht angezeigt?
sollten nun angezeigt werden…
Har keiner eine Idee wie ich die kreisrunden Bubble mit nur dem Symbol hinbekomme?
Hi, schon wieder vergessen zu antworten. 
Ich habe bei mir auf dem Dashboard auch einen untere Menüleiste, ohne eine Rand um die Symbole, meinst du das? Dann kannst du den Code unten nutzen.
Oder was willst du jetzt genau, dass es nicht mehr im Fuß angezeigt wird? Das wäre eine reine Card-Mod Sache. Du musst einfach nur die beiden folgenden Position im Card-Mod Teil entfernen, dann sind es normale Button die überall verwendet werden können.
z-index: 2;
position: fixed;
bottom: 0;
type: custom:bubble-card
styles: |
.bubble-icon {
--mdc-icon-size: 30px !important;
height: 35px;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
padding-right: 10px;
color: var(--primary-color);
}
* {
font-size: 10px !important;
border: none !important;
border-radius: 0px !important;
background: rgba(0,0,0,0) !important;
box-shadow: none !important;
}
card_type: horizontal-buttons-stack
auto_order: false
1_name: ""
1_icon: mdi:keyboard-backspace
1_link: /dashboard-test/home
2_link: /dashboard-test/einstellungen
2_icon: mdi:cog
3_link: /dashboard-test/sicherheit
3_icon: mdi:cctv
4_link: /dashboard-test/robter-steuerung
4_icon: mdi:robot-mower
5_link: /dashboard-test/multimedia
5_icon: mdi:multimedia
card_mod:
style: |
ha-card {
border: none !important;
border-radius: 0px !important;
background: none !important;
box-shadow: none !important;
padding: 0px;
z-index: 2;
position: fixed;
margin: 0 !important;
bottom: 0;
}
Hallo jayjojayson, Danke für antworten…
Leider nein, ich wollte wie im ersten Bild in einem Stapel / bzw. Pop-Up eine Reihe von reinen Symbolen, ohne Text. Ich habe das auch nicht im Patreon Bereich von Clooos gefunden…
Ich habe zur Übersicht im Dashboard, mehrere Spots, die nun als Eier angezeigt werden…
Juhu,
clooos hat mir die Lösung genannt…
Es handelt sich um einfache Sub-Buttons, der Rest sind Styles…
In der Github ReadMe ist es das letzte Beispiel.
Advanced example: Creating an horizontal row of sub-buttons (screenshot included)
