Druckversion des Themas
Hier klicken um das Topic im Orginalformat anzusehen
Forum Sefrengo.org _ Anwenderforum _ Position des "Bleistifts" im Backend beeinflusseen
Geschrieben von: Tiggr Mon. 9. June 2014, 17:36
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:
|
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)
Geschrieben von: mvsxyz Tue. 10. June 2014, 17:19
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?
Geschrieben von: Tiggr Tue. 10. June 2014, 20:01
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:
|
Also es ist schon mal alles bei seinem Element! Aber jetzt zeigt er die Dropdowns an! :-(
Im ContentFlex sieht das bei mir so aus:
<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:
<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)
Geschrieben von: mvsxyz Wed. 11. June 2014, 07:34
Versuchs mal mit folgendem ContentFlex-Template:
<a href="{linkurl:1}" class="topic">
<img src="{imageurl:1}" class="img-responsive">
<h1>{text:1}</h1>
<p>{text:2}</p>
</a>
{editbutton}
</div>
Geschrieben von: Tiggr Wed. 11. June 2014, 19:50
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
Geschrieben von: Tiggr Wed. 11. June 2014, 20:05
Super!
Mit ein ganz klein wenig CSS sieht es auch im Backend perfekt aus:
Und hier das CSS:
.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)
Geschrieben von: FireFlyer Wed. 11. June 2014, 21:04
Richtig! http://wiki.sefrengo.org/howto/sichtbarkeit-von-content-flex-elementen
Cool, dass zur Zeit mal wieder weng Leben im Forum ist!
Geschrieben von: Tiggr Wed. 11. June 2014, 21:16
Hmmm, ich befürchte, ich bin nur als Eintagsfliege hier, bis meine Seite läuft! :-(
Aber vielleicht kommen ja mehr nach...
Geschrieben von: Tiggr Thu. 12. June 2014, 20:32
Ach ja! Bei dem "CSS nur im Backend laden" haben wir uns etwas mißverstanden. Ich hab das so im Layout gelöst:
if ($sess->name=='sefrengo' && $view == 'edit') {
echo ' <link rel="stylesheet" type="text/css" href="/includes/css/backend.css">';
} ?>
Unterstützt von Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)