Hiho!
Ich bin eifrig am Basteln an meiner Webseite, es ist einfach zu warm um das Haus vor 20 Uhr zu verlassen! :-)
Und gleich eine doofe Frage: Ich habe meine Seite mit Bootstrap realisiert. Und im Backend verwende ich ContentFlex um Elemente einfach einzufügen. Das funst auch überraschend gut! Nur leider sammeln sich im Backend die "Bleistifte" an beliebiger Stelle! Das sieht dann so aus:
Klicken um den Anhang anzusehen
Da muss ich dann immer abzählen, welcher Bleistift zu welchem Kasten gehört! wie kann ich den Bleistift an seinen Kasten binden? Sollte doch mit etwas CSS gehen, oder?
Tschüss
Tiggr (aka Marcus)
Vollansicht: Position des "Bleistifts" im Backend beeinflusseen
Ich glaube das Problem liegt im am Float, welches durch das Grid-Layout von Bootstrap herrührt. Wie schaut denn der Quelltext in der Vorschau (also mit Bleistiften) aus? Wie schaut dein ContentFlex-Template aus?
Hiho!
Jupp, ich glaube, da kollidieren ein paar Teile des Bootstrap-Frameworks mit dem SF-CSS.
Ich bin etwas weiter, jetzt sieht es so aus:
Klicken um den Anhang anzusehen
Also es ist schon mal alles bei seinem Element! Aber jetzt zeigt er die Dropdowns an! :-(
Im ContentFlex sieht das bei mir so aus:
Und das ist der Code, der dann im Backend erzeugt wird:
Hilft das Irgendwie?
Tschüss
Tiggr (aka Marcus)
Jupp, ich glaube, da kollidieren ein paar Teile des Bootstrap-Frameworks mit dem SF-CSS.
Ich bin etwas weiter, jetzt sieht es so aus:
Klicken um den Anhang anzusehen
Also es ist schon mal alles bei seinem Element! Aber jetzt zeigt er die Dropdowns an! :-(
Im ContentFlex sieht das bei mir so aus:
QUELLTEXT
<div class="col-xs-6 col-sm-4 col-md-4 col-lg-3 content">
<a href="{linkurl:1}" class="topic">
<img src="{imageurl:1}" class="img-responsive">
<h1>{text:1}</h1>
<p>{text:2}</p>{editbutton}
</a>
</div>
<a href="{linkurl:1}" class="topic">
<img src="{imageurl:1}" class="img-responsive">
<h1>{text:1}</h1>
<p>{text:2}</p>{editbutton}
</a>
</div>
Und das ist der Code, der dann im Backend erzeugt wird:
QUELLTEXT
<div class="col-xs-6 col-sm-4 col-md-4 col-lg-3 content">
<a href="index.php?idcatside=10&view=edit" class="topic">
<img src="media/img/gallery/teaser/mykites.jpg" class="img-responsive">
<h1>Drachentasche</h1>
<p>Meine Drachen</p><span class="flex2_edit"><span class="sf_hmenu_wrapper">
<span class="sf_hmenu_trigger"><img src="cms/img/but_edit.gif" width="16" height="16" /></span>
<span class="sf_hovermenu">
<ul><li class="sf_hmenu_title">Teaser</li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&action=edit&content=500.4.6-1,7-1,8-1,4-1,5-1,1-1,1-2" rel="bearbeiten" target="_self" >bearbeiten</a></li><li><hr class="sf_hmenu_trenner"></li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&action=delete&content=500.4" rel="löschen" target="_self" onclick="if(delete_confirm()) return true; return false;">löschen</a></li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&action=move_up&content=500.4" rel="nach oben" target="_self" >nach oben</a></li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&action=move_down&content=500.4" rel="nach unten" target="_self" >nach unten</a></li></ul>
</span>
</span> <span class="sf_hmenu_wrapper">
<span class="sf_hmenu_trigger"><img src="http://192.168.1.27/backend/tpl/standard/img/but_addelement.gif" width="16" height="16" /></span>
<span class="sf_hovermenu">
<ul><li class="sf_hmenu_title">Nach Element 4 (Teaser) einfügen</li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&newflex2_500_1=insert&entry=4&flex2tpl=1" rel="Zeilenstart" target="_self" >Zeilenstart</a></li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&newflex2_500_1=insert&entry=4&flex2tpl=2" rel="Zeilenende" target="_self" >Zeilenende</a></li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&newflex2_500_1=insert&entry=4&flex2tpl=3" rel="Teaser" target="_self" >Teaser</a></li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&newflex2_500_1=insert&entry=4&flex2tpl=4" rel="Main Teaser" target="_self" >Main Teaser</a></li></ul>
</span>
</span></span>
</a>
</div>
<a href="index.php?idcatside=10&view=edit" class="topic">
<img src="media/img/gallery/teaser/mykites.jpg" class="img-responsive">
<h1>Drachentasche</h1>
<p>Meine Drachen</p><span class="flex2_edit"><span class="sf_hmenu_wrapper">
<span class="sf_hmenu_trigger"><img src="cms/img/but_edit.gif" width="16" height="16" /></span>
<span class="sf_hovermenu">
<ul><li class="sf_hmenu_title">Teaser</li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&action=edit&content=500.4.6-1,7-1,8-1,4-1,5-1,1-1,1-2" rel="bearbeiten" target="_self" >bearbeiten</a></li><li><hr class="sf_hmenu_trenner"></li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&action=delete&content=500.4" rel="löschen" target="_self" onclick="if(delete_confirm()) return true; return false;">löschen</a></li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&action=move_up&content=500.4" rel="nach oben" target="_self" >nach oben</a></li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&action=move_down&content=500.4" rel="nach unten" target="_self" >nach unten</a></li></ul>
</span>
</span> <span class="sf_hmenu_wrapper">
<span class="sf_hmenu_trigger"><img src="http://192.168.1.27/backend/tpl/standard/img/but_addelement.gif" width="16" height="16" /></span>
<span class="sf_hovermenu">
<ul><li class="sf_hmenu_title">Nach Element 4 (Teaser) einfügen</li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&newflex2_500_1=insert&entry=4&flex2tpl=1" rel="Zeilenstart" target="_self" >Zeilenstart</a></li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&newflex2_500_1=insert&entry=4&flex2tpl=2" rel="Zeilenende" target="_self" >Zeilenende</a></li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&newflex2_500_1=insert&entry=4&flex2tpl=3" rel="Teaser" target="_self" >Teaser</a></li><li class="sf_hmenu_entry"><a href="index.php?idcatside=4&view=edit&newflex2_500_1=insert&entry=4&flex2tpl=4" rel="Main Teaser" target="_self" >Main Teaser</a></li></ul>
</span>
</span></span>
</a>
</div>
Hilft das Irgendwie?
Tschüss
Tiggr (aka Marcus)
Versuchs mal mit folgendem ContentFlex-Template:
QUELLTEXT
<div class="col-xs-6 col-sm-4 col-md-4 col-lg-3 content">
<a href="{linkurl:1}" class="topic">
<img src="{imageurl:1}" class="img-responsive">
<h1>{text:1}</h1>
<p>{text:2}</p>
</a>
{editbutton}
</div>
<a href="{linkurl:1}" class="topic">
<img src="{imageurl:1}" class="img-responsive">
<h1>{text:1}</h1>
<p>{text:2}</p>
</a>
{editbutton}
</div>
Hey, cool, das klappt ziemlich gut! :-)
Danke!
Jetzt spiel ich noch ein wenig mit CSS... mal sehen, ob da noch mehr raus zu holen ist! ;-)
Tschüss
Tiggr
Danke!
Jetzt spiel ich noch ein wenig mit CSS... mal sehen, ob da noch mehr raus zu holen ist! ;-)
Tschüss
Tiggr
Super!
Mit ein ganz klein wenig CSS sieht es auch im Backend perfekt aus:
Und hier das CSS:
Das war einfach!
Jetzt muss ich nur noch rausfinden, wie ich ein CSS nur im Backend lade, aber ich glaub da war was in der Doku, das ich verwenden kann! ;-)
Tschüss und Danke!
Tiggr (aka Marcus)
Mit ein ganz klein wenig CSS sieht es auch im Backend perfekt aus:
Und hier das CSS:
QUELLTEXT
.maintopic + .flex2_edit,
.topic + .flex2_edit {
position: absolute;
top: 0px;
right: 20px; }
.topic + .flex2_edit {
position: absolute;
top: 0px;
right: 20px; }
Das war einfach!
Jetzt muss ich nur noch rausfinden, wie ich ein CSS nur im Backend lade, aber ich glaub da war was in der Doku, das ich verwenden kann! ;-)
Tschüss und Danke!
Tiggr (aka Marcus)
ZITAT(FireFlyer @ Wed. 11. June 2014, 22:04) 
Cool, dass zur Zeit mal wieder weng Leben im Forum ist!
Hmmm, ich befürchte, ich bin nur als Eintagsfliege hier, bis meine Seite läuft! :-(
Aber vielleicht kommen ja mehr nach...
Ach ja! Bei dem "CSS nur im Backend laden" haben wir uns etwas mißverstanden. Ich hab das so im Layout gelöst:
QUELLTEXT
<?php
if ($sess->name=='sefrengo' && $view == 'edit') {
echo ' <link rel="stylesheet" type="text/css" href="/includes/css/backend.css">';
} ?>
if ($sess->name=='sefrengo' && $view == 'edit') {
echo ' <link rel="stylesheet" type="text/css" href="/includes/css/backend.css">';
} ?>
Dieses ist eine vereinfachte Darstellung unseres Foreninhaltes. Um die detaillierte Vollansicht mit Formatierung und Bildern zu betrachten, bitte hier klicken.