Circlemenu name neben dem Symbol im Vertikalmodus?

Begonnen von misux, 22 Dezember 2020, 17:53:33

Vorheriges Thema - Nächstes Thema

misux

Hallo!

Ich habe ein Problem.
Weis jemand Rat wie ich die Namen der Schalter Links neben den Schaltern bekomme? Denn im Vertikalmodus untereinander sehe ich sie leider nicht. Vermutlich zu wenig Platz...Siehe Bild...

<div class="vbox">
                        <div data-type="circlemenu" data-item-diameter="" data-border="" data-direction="vertical" data-circle-radius="100" class="big">
                                <ul>
                                        <li><div data-type="symbol"
                                                        data-device="DavidSchicht"
                                                        data-get="state"
                                                        data-states='["Fruehschicht","Normalschicht","Spaetschicht","Nachtschicht","Frei"]'
                                                        data-icons='["fa-flushed","fa-grin","fa-frown","fa-grimace","fa-grin-hearts"]'
                                                        data-colors='["red","#FFFFFF","#808080","#0000FF ","#00FF00"]'></div>
                                        </li>
                                        <li><div data-type="push"
                                                                data-device="DavidFruehschicht"
                                                                data-color="red"
                                                                data-icon="fa-flushed"></div>Fr  h</li>
                                        <li><div data-type="push"
                                                                data-device="DavidNormalschicht"
                                                                data-color="#FFFFFF"
                                                                data-icon="fa-grin"></div>Normal</li>
                                        <li><div data-type="push"
                                                                data-device="DavidSpaetschicht"
                                                                data-color="#808080"
                                                                data-icon="fa-frown"></div>Sp  t</li>
                                        <li><div data-type="push"
                                                                data-device="DavidNachtschicht"
                                                                data-color="#0000FF"
                                                                data-icon="fa-grimace"></div>Nacht</li>
                                        <li><div data-type="push"
                                                                data-device="DavidFrei"
                                                                data-color="#00FF00"
                                                                data-icon="fa-grin-hearts"></div>Frei</li>
                                </ul>
                        </div>

                        <div data-type="label" class="big"
                                     data-device="DavidSchicht"
                                     data-states='["Fruehschicht","Normalschicht","Spaetschicht","Nachtschicht","Frei"]'
                                     data-colors='["red","#FFFFFF","#808080","#0000FF ","#00FF00"]'
                                     data-substitution='["Fruehschicht","Fr  hschicht","Spaetschicht","Sp  tschicht","Frei","Urlaub"]'>
                        </div>

</div>


Hoffe einer kann helfen. Vielen Dank!