Benutzertitel im V6 in der mobilen Queransicht abgeschnitten
#1 Benutzertitel im V6 in der mobilen Queransicht abgeschnitten
Im V6 sieht ja der Benutzertitel in der Desktop-Ansicht z. B. so aus:
In der mobilen Ansicht (auf dem Smartphone) wird der Titel aus Platzgründen vollständig ausgeblendet, was auch gut und richtig ist.
Aber sobald ich das Smartphone quer drehe, erscheint der Benutzertitel wieder, ist allerdings abgeschnitten:
Ich finde das nicht sehr schön gelöst, sondern fände es besser, wenn der Titel entweder komplett oder gar nicht angezeigt wird.
Gibt es da etwas in den Einstellungen, was ich verändern kann, damit der Titel immer nur dann eingeblendet wird, wenn er auch vollständig hinpasst?
Mein Style ist das HPM Business.
Schwer zu sagen, das sieht nach einem selbst angelegten Benutzertitel aus.
Bei mir sieht das je nach Größe mobil entweder so:
oder so aus:
Das V6 verwendet Bootstrap-Klassen. Wenn man möchte kann man so auch unterschiedliche Ausgaben für unterschiedliche Bildschirmgrößen vorgeben:
<span class="d-none d-lg-inline">Administrator</span><span class="d-lg-none">Admin</span> <img src="https://files.homepagemodules.de/b2001010/a_302.png" width="65px" height="15px">
So wird z.B ab einer bestimmten Bildschirmbreite das Wort "Administrator" angezeigt, auf kleineren Bildschirmen nur "Admin"
Siehe auch: https://getbootstrap.com/docs/4.4/utilities/display/
Technik ·
Zitat von Nico1981 im Beitrag #3
Was müsste ich denn nun wo eintragen, damit bei wenig Platz z. B. nur Admin oder nur VIP (jeweils ohne Grafik) in dem Feld erscheint oder aber das Feld in mehreren Zeilen dargestellt wird, sodass sein Inhalt vollständig zu sehen ist?
So sollte das eigentlich klappen (einzutragen im Feld für den Benutzertitel):
Admin <img class="d-none d-lg-inline" src="https://files.homepagemodules.de/b2001010/a_302.png" width="65px" height="15px">
Ansonsten wundert es mich, dass bei dir die Anzeige nicht automatisch auf mehrere Zeilen aufgeteilt wird, wenn der Platz das erfordert.
Eventuell liegt es am fehlenden Leerzeichen nach dem Titel bzw. vor dem Bild_
VIP-MEMBER<img ... />
VIP-MEMBER <img ... />
#5 RE: Benutzertitel im V6 in der mobilen Queransicht abgeschnitten
Zitat von Ingmar im Beitrag #4
So sollte das eigentlich klappen (einzutragen im Feld für den Benutzertitel):1
2
[quote="Ingmar"|p7346791]Admin <img class="d-none d-lg-inline" src="https://files.homepagemodules.de/b2001010/a_302.png" width="65px" height="15px"> [/quote]
Wenn ich das hinter meinen eigenen Eintrag in das Feld des Benutzertitels einfüge, erscheinen sowohl am Desktop als auch mobil beide Varianten nebeneinander, also es steht dann ADMINISTRATOR und die Grafik und daneben ADMIN und nochmal die Grafik. Zudem entfällt der schwarze Hintergrund.
Trage ich es bei den beitragsabhängigen Benutzertiteln hinter meinen eigenen Eintrag ein, wird es als fehlerhafter Eintrag gar nicht erst gespeichert.
Letztendlich wäre mir aber auch schon damit gedient, wenn der lange Titel bei zu wenig Platz einfach von vorn herein auf mehrere Zeilen aufteteilt wird, was ja eigentlich so sein soll, aber bei mir nicht passiert
Zitat von Ingmar im Beitrag #4
Eventuell liegt es am fehlenden Leerzeichen nach dem Titel bzw. vor dem Bild_1
VIP-MEMBER<img ... />
1
VIP-MEMBER <img ... />
Es funktioniert weder mit noch ohne Leerzeichen. Es hat vermutlich was mit dem schwarzen Hintergrund zu tun, der bei zu wenig Platz zu kurz ist anstatt sich auf mehrere Zeilen zu erstrecken, wodurch die sich darin befindlichen Wörter/Grafiken nicht komplett angezeigt werden können:
Vielleicht kann da irgendwie ansetzen
#6 RE: Benutzertitel im V6 in der mobilen Queransicht abgeschnitten
Zitat von Ingmar im Beitrag #4
Ansonsten wundert es mich, dass bei dir die Anzeige nicht automatisch auf mehrere Zeilen aufgeteilt wird, wenn der Platz das erfordert.
Weil im V6 bei durch das Bootstrap-Badge und einer Kombination aus "max-width: 100%" und "overflow: hidden" der Text automatisch gekürzt wird.
<div onmouseover="toggleUserDetailLink(this)" class="mtitle badge badge-primary p-2"><i><font color="">Langer Text wird gekürzt</font></i></div>
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!