Mobile Navigation Icon hinzufügen

[Joe]

Hallo, wollte mal fragen, ob man von Haus aus die Möglichkeit hat ein Icon zur navigations bar hinzuzufügen? Bis jetzt habe ich nur ein Addon (Add Items to Mobile Navbar) von opentype gefunden.

[V0RT3X]

Hi, die Navigation hat ein eigenes Template, kann ich morgen früh kurz raussuchen. 

[V0RT3X]

Okay, als erstes suchst du im Template mobileNavBar nach diesem Code ...

	{{$defaultStream = \IPS\core\Stream::defaultStream();}}
	<li {{if !\IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'discover' ) ) }}class='ipsHide'{{endif}}>
		<a data-action="defaultStream" href='{{if $defaultStream}}{$defaultStream->url()}{{else}}{url="app=core&module=discover&controller=streams" seoTemplate="discover_all"}{{endif}}'><i class="fa fa-newspaper-o" aria-hidden="true"></i></a>
	</li>

Das ist das News-Icon, alles in allem der optimale Einstiegspunkt. Tausche das mal hiermit aus ...

	<li>
		<a href='https://yourdomain.com/'><i class='fa fa-rebel'></i></a>
	</li>  
  
	{{$defaultStream = \IPS\core\Stream::defaultStream();}}
	<li {{if !\IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'discover' ) ) }}class='ipsHide'{{endif}}>
		<a data-action="defaultStream" href='{{if $defaultStream}}{$defaultStream->url()}{{else}}{url="app=core&module=discover&controller=streams" seoTemplate="discover_all"}{{endif}}'><i class="fa fa-newspaper-o" aria-hidden="true"></i></a>
	</li>

 	<li>
		<a href='https://yourdomain.com/donate/'><i class='fa fa-paypal'></i></a>
	</li> 

Das Ergebnis sieht dann so aus, du hast vor und hinter der Zeitung ein neues Icon ...

Eine Übersicht der verfügbaren Icons findest du HIER. Wenn du deine Icons mit Gruppenrechten versehen willst, hätten wir hier eine Anleitung (Praxisbeispiele).

[Joe]

WOW, danke!! Das sieht super aus!

[Joe]

Kann ich auch einfach diesen Code:

	{{$defaultStream = \IPS\core\Stream::defaultStream();}}
	<li {{if !\IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'discover' ) ) }}class='ipsHide'{{endif}}>
		<a data-action="defaultStream" href='{{if $defaultStream}}{$defaultStream->url()}{{else}}{url="app=core&module=discover&controller=streams" seoTemplate="discover_all"}{{endif}}'><i class="fa fa-newspaper-o" aria-hidden="true"></i></a>
	</li>

mit deinem Schnipsel:

	<li>
		<a href='https://yourdomain.com/'><i class='fa fa-rebel'></i></a>
	</li>

ersetzen, wenn ich das Icon tauschen möchte? Funktionieren tut es, ich weiß nur nicht ob ich etwas lösche, was ich nicht löschen sollte.

[V0RT3X]

Wenn du nur das Icon tauschen willst, ändere einfach fa fa-newspaper-o in etwas anderes.

[Joe]

Wollte jetzt am Ende nur den Link tauschen, aber einfach die url wechseln ist leider nicht.

[V0RT3X]

Den Code von Invision würde ich nicht ändern, kannst ihn besser rausnehmen wenn du ihn nicht brauchst und einen eigenen einsetzen.