Zeilenumbruch in einer Box

Edda1000 · Apr 17th 2020

Hallo,

aus einem Thread in diesem Forum habe ich folgenden Code kopiert:

Smarty

{if $boxThread->hasLabels()}
                                        <ul class="labelList">
                                            {foreach from=$boxThread->getLabels() item=label}
                                                <li><span class="label badge{if $label->getClassNames()} {$label->getClassNames()}{/if}">{$label->getTitle()}</span></li>
                                            {/foreach}
                                        </ul>
                                    {/if}

und den Code in das Template:

boxThreadListSidebar

eingefügt.

Dadurch werden meine Labels nun auch in der "Letzte Beiträge"-Box und "Heiße Themen"-Box angezeigt.

Der komplette Code des Templates sieht jetzt so aus:

Smarty

<ul class="sidebarItemList">
    {foreach from=$boxThreadList item=boxThread}
        {if $boxSortField == 'lastPostTime'}
            {assign var='__boxUserProfile' value=$boxThread->getLastPosterProfile()}
        {else}
            {assign var='__boxUserProfile' value=$boxThread->getUserProfile()}
        {/if}
        <li class="box24{if $__wcf->getUserProfileHandler()->isIgnoredUser($__boxUserProfile->userID)} ignoredUserContent{/if}">
            {if $boxSortField == 'lastPostTime'}
                <a href="{link application='wbb' controller='Thread' object=$boxThread}{/link}" aria-hidden="true">{@$__boxUserProfile->getAvatar()->getImageTag(24)}</a>
            {else}
                <a href="{link application='wbb' controller='Thread' object=$boxThread}{/link}" aria-hidden="true">{@$__boxUserProfile->getAvatar()->getImageTag(24)}</a>
            {/if}
            
            
            {if $boxThread->hasLabels()}
                                        <ul class="labelList">
                                            {foreach from=$boxThread->getLabels() item=label}
                                                <li><span class="label badge{if $label->getClassNames()} {$label->getClassNames()}{/if}">{$label->getTitle()}</span></li>
                                            {/foreach}
                                        </ul>
                                    {/if}



                                    
            <div class="sidebarItemTitle">
                <h3><a href="{link application='wbb' controller='Thread' object=$boxThread->getDecoratedObject()}{if $boxSortField == 'lastPostTime' && $__wcf->user->userID}action=firstNew{/if}{/link}" {if $boxThread->getBoard()->getPermission('canReadThread')} class="wbbTopicLink"{/if} data-thread-id="{@$boxThread->threadID}" data-sort-order="DESC">{$boxThread->topic}</a></h3>
                {capture assign='__boxThreadLanguageItem'}{lang __optional=true}wbb.thread.boxList.description.{$boxSortField}{/lang}{/capture}
                {if $__boxThreadLanguageItem}
                    <small>{@$__boxThreadLanguageItem}</small>
                {else}
                    <small>
                        {if $boxThread->userID}
                            <a href="{link controller='User' object=$boxThread->getUserProfile()}{/link}" class="userLink" data-user-id="{@$boxThread->getUserProfile()->userID}">{$boxThread->username}</a>
                        {else}
                            {$boxThread->username}
                        {/if}
                        <span class="separatorLeft">{@$boxThread->time|time}</span>
                    </small>
                {/if}
            </div>
        </li>
    {/foreach}
</ul>

Display More

Allerdings ist es nun so, dass gerade in der "Heiße Themen"-Box, die Label mehr oder weniger die Themenüberschriften verdecken. Ich habe davon mal ein Screenshot gemacht.

Wie kriege ich einen Zeilenumbruch zwischen Label und Themenüberschrift eingebaut

?

norse · Apr 17th 2020

Quote from Edda1000

aus einem Thread in diesem Forum habe ich folgenden Code kopiert:

Diesen Code finde ich hier im gesamten Forum nicht. Schau Dir einfach meine Anleitung dazu an: https://support.kittmedia.com/…n/?postID=34208#post34208

Gruß norse

Edda1000 · Apr 17th 2020

Ich schau mir nachher mal den Link an. Danke.

Hier findest Du das Posting wo ich den Code her habe:

RE: Sidebox "Letzte Beiträge" speziell für ein Forum

Edda1000 · Apr 17th 2020

OK, ich habe jetzt mal den Code aus Deinem Link dazu eingebaut, also der Code sieht jetzt so aus:

Smarty

<ul class="sidebarItemList">
    {foreach from=$boxThreadList item=boxThread}
        {if $boxSortField == 'lastPostTime'}
            {assign var='__boxUserProfile' value=$boxThread->getLastPosterProfile()}
        {else}
            {assign var='__boxUserProfile' value=$boxThread->getUserProfile()}
        {/if}
        <li class="box24{if $__wcf->getUserProfileHandler()->isIgnoredUser($__boxUserProfile->userID)} ignoredUserContent{/if}">
            {if $boxSortField == 'lastPostTime'}
                <a href="{link application='wbb' controller='Thread' object=$boxThread}{/link}" aria-hidden="true">{@$__boxUserProfile->getAvatar()->getImageTag(24)}</a>
<h3><a href="{link application='wbb' controller='Thread' object=$boxThread->getDecoratedObject()}{if $boxSortField == 'lastPostTime' && $__wcf->user->userID}action=firstNew{/if}{/link}" {if $boxThread->getBoard()->getPermission('canReadThread')} class="wbbTopicLink"{/if} data-thread-id="{@$boxThread->threadID}" data-sort-order="DESC">{$boxThread->topic}</a></h3>
{if $boxThread->hasLabels()}
    <div class="sidebarBoxLabelList">
        <ul class="labelList">
            {foreach from=$boxThread->getLabels() item=label}
                <li><span class="label badge{if $label->getClassNames()} {$label->getClassNames()}{/if}">{lang}{$label->label}{/lang}</span></li>
            {/foreach}
        </ul>
    </div>
{/if}
{capture assign='__boxThreadLanguageItem'}{lang __optional=true}wbb.thread.boxList.description.{$boxSortField}{/lang}{/capture}                
            {else}
                <a href="{link application='wbb' controller='Thread' object=$boxThread}{/link}" aria-hidden="true">{@$__boxUserProfile->getAvatar()->getImageTag(24)}</a>
            {/if}
            
            <div class="sidebarItemTitle">
                <h3><a href="{link application='wbb' controller='Thread' object=$boxThread->getDecoratedObject()}{if $boxSortField == 'lastPostTime' && $__wcf->user->userID}action=firstNew{/if}{/link}" {if $boxThread->getBoard()->getPermission('canReadThread')} class="wbbTopicLink"{/if} data-thread-id="{@$boxThread->threadID}" data-sort-order="DESC">{$boxThread->topic}</a></h3>
                {capture assign='__boxThreadLanguageItem'}{lang __optional=true}wbb.thread.boxList.description.{$boxSortField}{/lang}{/capture}
                {if $__boxThreadLanguageItem}
                    <small>{@$__boxThreadLanguageItem}</small>
                {else}
                    <small>
                        {if $boxThread->userID}
                            <a href="{link controller='User' object=$boxThread->getUserProfile()}{/link}" class="userLink" data-user-id="{@$boxThread->getUserProfile()->userID}">{$boxThread->username}</a>
                        {else}
                            {$boxThread->username}
                        {/if}
                        <span class="separatorLeft">{@$boxThread->time|time}</span>
                    </small>
                {/if}
            </div>
        </li>
    {/foreach}
</ul>

Display More

Das Ergebnis sieht gar nicht gut aus. Habe ich den Code an die falsche Stelle kopiert?

Hier der Screenshot:

norse · Apr 17th 2020

Sieht eigentlich gut aus. Ich müsste jetzt selbst noch mal testen, ob die Anleitung auch im WSC 5.2 noch korrekt funktioniert.

Gruß norse

Edda1000 · Apr 17th 2020

Super. Ich danke Dir. Ich warte dann einfach mal.

norse · Apr 17th 2020

In der Tat hat sich das Template verändert. Zusätzlich hast Du meine Anleitung möglicherweise etwas falsch interpretiert. Der Code in meiner Anleitung muss nicht vollständig kopiert werden. Er zeigt zur Orientierung die letzte Zeile vor dem eigenen und die erste Zeile nach dem eigenen Code. Lösche das geänderte Template, bearbeite es neu und füge nur die Zeilen 12 bis 20 aus der Anleitung nach Zeile 16 ein.

Gruß norse

Edda1000 · Apr 17th 2020

Sieht doch schon viel besser aus. Ist jetzt nur alles doppelt drinnen. Einmal mit und einmal ohne Labels.

Ich weiß auch, dass ich Code löschen muss und zwar von Zeile 27 aber bis wohin?

Smarty

<ul class="sidebarItemList">
    {foreach from=$boxThreadList item=boxThread}
        {if $boxSortField == 'lastPostTime'}
            {assign var='__boxUserProfile' value=$boxThread->getLastPosterProfile()}
        {else}
            {assign var='__boxUserProfile' value=$boxThread->getUserProfile()}
        {/if}
        <li class="box24{if $__wcf->getUserProfileHandler()->isIgnoredUser($__boxUserProfile->userID)} ignoredUserContent{/if}">
            {if $boxSortField == 'lastPostTime'}
                <a href="{link application='wbb' controller='Thread' object=$boxThread}{/link}" aria-hidden="true">{@$__boxUserProfile->getAvatar()->getImageTag(24)}</a>
            {else}
                <a href="{link application='wbb' controller='Thread' object=$boxThread}{/link}" aria-hidden="true">{@$__boxUserProfile->getAvatar()->getImageTag(24)}</a>
            {/if}
            
            <div class="sidebarItemTitle">
<h3><a href="{link application='wbb' controller='Thread' object=$boxThread->getDecoratedObject()}{if $boxSortField == 'lastPostTime' && $__wcf->user->userID}action=firstNew{/if}{/link}" {if $boxThread->getBoard()->getPermission('canReadThread')} class="wbbTopicLink"{/if} data-thread-id="{@$boxThread->threadID}" data-sort-order="DESC">{$boxThread->topic}</a></h3>
{if $boxThread->hasLabels()}
    <div class="sidebarBoxLabelList">
        <ul class="labelList">
            {foreach from=$boxThread->getLabels() item=label}
                <li><span class="label badge{if $label->getClassNames()} {$label->getClassNames()}{/if}">{lang}{$label->label}{/lang}</span></li>
            {/foreach}
        </ul>
    </div>
{/if}
            
                <h3><a href="{link application='wbb' controller='Thread' object=$boxThread->getDecoratedObject()}{if $boxSortField == 'lastPostTime' && $__wcf->user->userID}action=firstNew{/if}{/link}" {if $boxThread->getBoard()->getPermission('canReadThread')} class="wbbTopicLink"{/if} data-thread-id="{@$boxThread->threadID}" data-sort-order="DESC">{$boxThread->topic}</a></h3>
                {capture assign='__boxThreadLanguageItem'}{lang __optional=true}wbb.thread.boxList.description.{$boxSortField}{/lang}{/capture}
                {if $__boxThreadLanguageItem}
                    <small>{@$__boxThreadLanguageItem}</small>
                {else}
                    <small>
                        {if $boxThread->userID}
                            <a href="{link controller='User' object=$boxThread->getUserProfile()}{/link}" class="userLink" data-user-id="{@$boxThread->getUserProfile()->userID}">{$boxThread->username}</a>
                        {else}
                            {$boxThread->username}
                        {/if}
                        <span class="separatorLeft">{@$boxThread->time|time}</span>
                    </small>
                {/if}
            </div>
        </li>
    {/foreach}
</ul>

Display More

norse · Apr 17th 2020

27 und 28 müssten es sein.

Gruß norse

Edda1000 · Apr 17th 2020

27 - 30. Nachdem 27 und 28 löschen eine Fehlermeldung brachte, habe ich noch Zeile 29 gelöscht und dann final Zeile 30.

Sensationell. Ich danke Dir recht herzlich. Sieht super aus.

norse · Apr 17th 2020

Dann hat sich der Aufwand ja gelohnt.

Gruß norse

doerek · Sep 30th 2020

Ich hab gerade versucht den Ablauf nachzuvollziehen.

Aber das löschen der Zeilen 27-30 von der letzten Code-Box hat ne Fehlermeldung ausgeworfen.

Edda1000

hättest du evtl. nochmal den finalen Code?

mfg

Edda1000 · Sep 30th 2020

Hier der komplette Code der boxThreadListSidebar:

Smarty

<ul class="sidebarItemList">
    {foreach from=$boxThreadList item=boxThread}
        {if $boxSortField == 'lastPostTime'}
            {assign var='__boxUserProfile' value=$boxThread->getLastPosterProfile()}
        {else}
            {assign var='__boxUserProfile' value=$boxThread->getUserProfile()}
        {/if}
        <li class="box24{if $__wcf->getUserProfileHandler()->isIgnoredUser($__boxUserProfile->userID)} ignoredUserContent{/if}">
            {if $boxSortField == 'lastPostTime'}
                <a href="{link application='wbb' controller='Thread' object=$boxThread}{/link}" aria-hidden="true">{@$__boxUserProfile->getAvatar()->getImageTag(24)}</a>
            {else}
                <a href="{link application='wbb' controller='Thread' object=$boxThread}{/link}" aria-hidden="true">{@$__boxUserProfile->getAvatar()->getImageTag(24)}</a>
            {/if}
            
            <div class="sidebarItemTitle">
            
            
            
<h3><a href="{link application='wbb' controller='Thread' object=$boxThread->getDecoratedObject()}{if $boxSortField == 'lastPostTime' && $__wcf->user->userID}action=firstNew{/if}{/link}" {if $boxThread->getBoard()->getPermission('canReadThread')} class="wbbTopicLink"{/if} data-thread-id="{@$boxThread->threadID}" data-sort-order="DESC">{$boxThread->topic}</a></h3>

            {if $boxThread->hasLabels()}
    <div class="sidebarBoxLabelList">
        <ul class="labelList">
            {foreach from=$boxThread->getLabels() item=label}
                <li><span class="label badge{if $label->getClassNames()} {$label->getClassNames()}{/if}">{lang}{$label->label}{/lang}</span></li>
            {/foreach}
        </ul>
    </div>
{/if}
                 
                {capture assign='__boxThreadLanguageItem'}{lang __optional=true}wbb.thread.boxList.description.{$boxSortField}{/lang}{/capture}
                {if $__boxThreadLanguageItem}
                    <small>{@$__boxThreadLanguageItem}</small>
                {else}
                    <small>
                        {if $boxThread->userID}
                            <a href="{link controller='User' object=$boxThread->getUserProfile()}{/link}" class="userLink" data-user-id="{@$boxThread->getUserProfile()->userID}">{$boxThread->username}</a>
                        {else}
                            {$boxThread->username}
                        {/if}
                        <span class="separatorLeft">{@$boxThread->time|time}</span>
                    </small>
                {/if}
            </div>
        </li>
    {/foreach}
</ul>

Display More

doerek · Oct 10th 2020

Quote from Edda1000

Hier der komplette Code der boxThreadListSidebar:

Dankeschön! Funktioniert Tadelos.

Hast du die Labels extra hinter die Themen Titel gesetzt?

Ich habe das Template nochmal überarbeitet und die Labels vor die Titel gesetzt.

Dem ul element mit der klasse class="labelList" habe ich zusätzlich den Stil: style="float: left;line-height: 1.3em;padding-right: 5px;" verpasst, damit der Text hinter & unter die Label rutsch.

Ich habe keine Ahnung ob man ein ul element so behandeln sollte.

Aber es sieht im moment so aus:

Hier mal das Template:

PHP: boxThreadListSidebar (Labels vor Titel)

<ul class="sidebarItemList">

    {foreach from=$boxThreadList item=boxThread}
        {if $boxSortField == 'lastPostTime'}
            {assign var='__boxUserProfile' value=$boxThread->getLastPosterProfile()}
        {else}
            {assign var='__boxUserProfile' value=$boxThread->getUserProfile()}
        {/if}
        <li class="box24{if $__wcf->getUserProfileHandler()->isIgnoredUser($__boxUserProfile->userID)} ignoredUserContent{/if}">
            {if $boxSortField == 'lastPostTime'}
                <a href="{link application='wbb' controller='Thread' object=$boxThread}{/link}" aria-hidden="true">{@$__boxUserProfile->getAvatar()->getImageTag(24)}</a>
            {else}
                <a href="{link application='wbb' controller='Thread' object=$boxThread}{/link}" aria-hidden="true">{@$__boxUserProfile->getAvatar()->getImageTag(24)}</a>
            {/if}
            
            <div class="sidebarItemTitle">
            
{if $boxThread->hasLabels()}
    <div class="sidebarBoxLabelList">
        <ul style="float: left;line-height: 1.3em;padding-right: 5px;" class="labelList">
            {foreach from=$boxThread->getLabels() item=label}
                <li><span class="label badge{if $label->getClassNames()} {$label->getClassNames()}{/if}">{lang}{$label->label}{/lang}</span></li>
            {/foreach}
        </ul>
    </div>
{/if}

<h3><a href="{link application='wbb' controller='Thread' object=$boxThread->getDecoratedObject()}{if $boxSortField == 'lastPostTime' && $__wcf->user->userID}action=firstNew{/if}{/link}" {if $boxThread->getBoard()->getPermission('canReadThread')} class="wbbTopicLink"{/if} data-thread-id="{@$boxThread->threadID}" data-sort-order="DESC">{$boxThread->topic}</a></h3>


                 
                {capture assign='__boxThreadLanguageItem'}{lang __optional=true}wbb.thread.boxList.description.{$boxSortField}{/lang}{/capture}
                {if $__boxThreadLanguageItem}
                    <small>{@$__boxThreadLanguageItem}</small>
                {else}
                    <small>
                        {if $boxThread->userID}
                            <a href="{link controller='User' object=$boxThread->getUserProfile()}{/link}" class="userLink" data-user-id="{@$boxThread->getUserProfile()->userID}">{$boxThread->username}</a>
                        {else}
                            {$boxThread->username}
                        {/if}
                        <span class="separatorLeft">{@$boxThread->time|time}</span>
                    </small>
                {/if}
            </div>
        </li>
    {/foreach}
</ul>

Display More

mfg

Edda1000 · Oct 10th 2020

Quote from doerek

Hast du die Labels extra hinter die Themen Titel gesetzt?

Ja, habe ich. Hatte zuerst auch die Labels vorne, aber nach den Themen finde ich persönlich besser. Ist halt Geschmacksache. Schön, dass es bei Dir jetzt auch funktioniert.

doerek · Nov 20th 2022

Aha!...das thema hier hab ich gesucht...

ich habe mir heute nochmal die Labels in das boxThreadListSidebar Template eingefügt.

Da das Template aber in der neusten Version anders aussah habe ich mir nur den unten stehenden Code eingefügt:

Smarty

            {if $boxThread->hasLabels()}
    <div class="sidebarBoxLabelList">
        <ul style="line-height: 1.3em;padding-right: 5px;" class="labelList">
            {foreach from=$boxThread->getLabels() item=label}
                <li><span class="label badge{if $label->getClassNames()} {$label->getClassNames()}{/if}">{lang}{$label->label}{/lang}</span></li>
            {/foreach}
        </ul>
    </div>
{/if}

Komplettsieht das ganze dann so aus:

Smarty

<ul class="sidebarItemList wbbSidebarThreadList">
    {foreach from=$boxThreadList item=boxThread}
        {if $boxSortField == 'lastPostTime'}
            {assign var='__boxUserProfile' value=$boxThread->getLastPosterProfile()}
        {else}
            {assign var='__boxUserProfile' value=$boxThread->getUserProfile()}
        {/if}
        <li class="box24 sidebarItem{if $__wcf->getUserProfileHandler()->isIgnoredUser($__boxUserProfile->userID, 2)} ignoredUserContent{/if}{if $boxThread->isNew()} new{/if}">
            <a href="{$boxThread->getLink()}" aria-hidden="true" tabindex="-1">{@$__boxUserProfile->getAvatar()->getImageTag(24)}</a>
            
            <div class="sidebarItemTitle">
                <h3><a href="{link application='wbb' controller='Thread' object=$boxThread->getDecoratedObject()}{if $boxSortField == 'lastPostTime'}action={if $__wcf->user->userID}firstNew{else}lastPost{/if}{/if}{/link}" {if $boxThread->getBoard()->getPermission('canReadThread')} class="wbbTopicLink"{/if} data-object-id="{@$boxThread->threadID}" data-sort-order="DESC">{$boxThread->topic}</a></h3>
                
                
            {if $boxThread->hasLabels()}
    <div class="sidebarBoxLabelList">
        <ul style="line-height: 1.3em;padding-right: 5px;" class="labelList">
            {foreach from=$boxThread->getLabels() item=label}
                <li><span class="label badge{if $label->getClassNames()} {$label->getClassNames()}{/if}">{lang}{$label->label}{/lang}</span></li>
            {/foreach}
        </ul>
    </div>
{/if}                
            

                {capture assign='__boxThreadLanguageItem'}{lang __optional=true}wbb.thread.boxList.description.{$boxSortField}{/lang}{/capture}
                {if $__boxThreadLanguageItem}
                    <small>{@$__boxThreadLanguageItem}</small>
                {else}
                    <small>
                        {user object=$boxThread->getUserProfile() tabindex='-1'}
                        <span class="separatorLeft">{@$boxThread->time|time}</span>
                    </small>
                {/if}
            </div>
        </li>
    {/foreach}
</ul>

Display More

mfg

Zeilenumbruch in einer Box

Participate now!

Share

Similar Threads

Verhalten nach Anlegen einer neuen Box

Das CSS Layout einer Box Xfach übernehmen

"Checkbox" als BBCode / in einer Box oder auf Seite selber

Box mit dem Controller 'Themen' in einer Forenkategorie anzeigen

Button in "Text"-Box erstellen

Die Boxen der Inhaltsbereiche voneinander trennen

Users Viewing This Thread