Zusätzliche Icons in der Navigation

[accelle]

Hallo,

ist es möglich, in einer Navigationszeile zusätzliche Icons anzuzeigen?

Was ich gerne möchte:


Was ich bekomme:


Wie ich es mache:

<ul data-role="listview" data-dividertheme="c">
    <li data-role="list-divider">Untergeschoss</li> 
    <li data-icon="false">
		<a href="index.php?page=UG.Hobby">
			<img class="icon" src="{{ icon0 }}scene_party.png"/><h3>Hobby</h3>

			{{ basic.symbol('Nav.Hobby.Lights', ['UG.Hobby.Licht1', 'UG.Hobby.Licht2', 'UG.Hobby.Licht3'], '', icon1~'light_light_dim_100.png', 1) }}

			{{ myRTR.rcd20xx_aside('Nav.UG.Hobby.RCD', 'UG.Hobby.RCD', 0) }}
		</a>
	</li>
</ul>	

Ich hoffe, das lässt sich mit class oder css lösen. Bin da leider keine Leuchte und freue mich über alle Tipps.

Danke und Gruß
Peter

[Apollo]

Generell würde ich sparsam mit den Icons und Werten in der Navigation umgehen, denn:

- Bei schmalen Endgeräten passen nicht so viele rein.
- Diese Werte werden für jede Seite angefragt und ausgewertet.
- Wenns zu viele werden, dann geht der Effekt "Fenster offen" ein wenig verloren oder man übersieht ein Icon.

Dennoch kann man in die visu.css im Projektordner eigene Styles schreiben, die die Navigation formatiren.

Alternativ könnte man auch ein "Übersichtsseite" machen, die im rechten Bereich für alle Räume die Status darstellt.

Gruss