Edit Button im "Bild"-Modul positionieren |
Willkommen, Gast ( Anmelden | Registrierung ) [ Hilfe | Mitglieder | Suche ]
Edit Button im "Bild"-Modul positionieren |
Wed. 11. July 2007, 11:41
Beitrag
#1
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 376 Mitglied seit: 05.08.2006 Mitglieds-Nr.: 177 |
Hallo.
Ich hab ein "Bild"-Modul in einem Projekt eingesetzt und möchte nun den Edit-Button positionieren. Er soll sich am besten einfach oben links über dem Bild befinden. Momentan steht er unten rechts in nem Kasten...sieht irgendwie fehlerhaft aus (siehe Bild): Was kann ich da machen? Danke und Grüße! |
|
|
Thu. 9. August 2007, 17:43
Beitrag
#2
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 116 Mitglied seit: 30.11.2006 Wohnort: CH - Bern Mitglieds-Nr.: 431 |
Hallo. Ich hab ein "Bild"-Modul in einem Projekt eingesetzt und möchte nun den Edit-Button positionieren. Er soll sich am besten einfach oben links über dem Bild befinden. Momentan steht er unten rechts in nem Kasten...sieht irgendwie fehlerhaft aus (siehe Bild): Was kann ich da machen? Danke und Grüße! uhhh ja... bitte bitte! ähnlich wie im content flex... hmm... dann könnte man ja einfach den content flex brauchen :-) aber ich wäre trotzdem dabei! cheers *s* |
|
|
Thu. 9. August 2007, 18:20
Beitrag
#3
|
|
TRAIL AND ERROR SPECIALIST Gruppe: AdvancedMembers Beiträge: 1.708 Mitglied seit: 27.06.2006 Wohnort: Hansestadt Rostock, Deutschland Mitglieds-Nr.: 9 |
hier der output-code für bildmodul 1.1 ... im template muss dann allerdings zwingend {edit} eingetragen sein, ansonsten kommt gar keine möglichkeit zum bearbeiten zum vorschein!
QUELLTEXT <?PHP
$myImage['style'] = "MOD_VALUE[4]"; $myImage['desc'] = <cms:mod type="image" id="1" mode="desc" addslashes="true" />; //Stylesheet für Text hinzufügen $myImage['desc'] = ( "MOD_VALUE[4]" == "") ? $myImage['desc'] : '<span class="MOD_VALUE[4]">'. $myImage['desc'] .'</span>'; //Gibt es mehrere Tags, bei denen type und id gleich sind, ist es wichtig, dass das letzt "gleiche" Element alle erweiterten //Konfigurationsvariablen enthält (z.B. folders, subfolders) . Den nur die Variablen des "letzten" Tags können im Formular //weiterverarbeitet werden. Andernfalls bleibt z.B. die Auswahl von bestimmten Dateitypen ohne Wirkung. $myImage['image'] = <cms:mod type="image" id="1" title="MOD_VALUE[0]" filetypes = "MOD_VALUE[5]" folders = "MOD_VALUE[6]" subfolders ="MOD_VALUE[7]" menuoptions ="false" addslashes="true" />; $myImage['edit'] = <cms:mod type="typegroup" elements="image[1]" title="MOD_VALUE[0]" menuoptions ="MOD_VALUE[8]" addslashes="true" />; $myTplVars['style'] = '{style}'; $myTplVars['desc'] = '{desc}'; $myTplVars['image'] = '{image}'; $myTplVars['edit'] = '{edit}'; $myTpl = "MOD_VALUE[2]"; $myTpl = str_replace($myTplVars, $myImage, $myTpl); eval('?>'.$myTpl); unset($myTpl, $myTplVars, $myImage); ?> -------------------- cheers, Alex
|
|
|
Mon. 22. October 2007, 14:19
Beitrag
#4
|
|
Advanced Member Gruppe: Members Beiträge: 64 Mitglied seit: 09.01.2007 Mitglieds-Nr.: 572 |
hier der output-code für bildmodul 1.1 ... im template muss dann allerdings zwingend {edit} eingetragen sein, ansonsten kommt gar keine möglichkeit zum bearbeiten zum vorschein! Ich habe das gleiche Problem! Habe eine Menüleiste unter der das Bild liegt, dadurch wird der Edit-Button unter dem Menü angezeigt und ist nicht anklickbar weil der Mouseover Popup nicht erscheint durch das drüber liegende Menü! War das so gedacht, dass man z.B. mit "<div style="padding-top:30px;">{edit}</div>" den Edit Button positioniert? Leider wird dieser div dann auch in der Seite mitausgegeben! Habe ich was übersehen? Der Beitrag wurde von hman bearbeitet: Mon. 22. October 2007, 14:54 |
|
|
Tue. 23. October 2007, 10:12
Beitrag
#5
|
|
Advanced Member Gruppe: Members Beiträge: 75 Mitglied seit: 29.09.2006 Mitglieds-Nr.: 265 |
Ich habe das gleiche Problem! Habe eine Menüleiste unter der das Bild liegt, dadurch wird der Edit-Button unter dem Menü angezeigt und ist nicht anklickbar weil der Mouseover Popup nicht erscheint durch das drüber liegende Menü! War das so gedacht, dass man z.B. mit "<div style="padding-top:30px;">{edit}</div>" den Edit Button positioniert? Leider wird dieser div dann auch in der Seite mitausgegeben! Habe ich was übersehen? Bei Content-Flex reicht schon die Angabe z-index: 1000; aus um das Icon wieder sichtbar zu machen. Nur overflow: hidden; sollte nicht definiert sein! in der CSS-Datei eintragen: QUELLTEXT span.flex2_edit { display: inline; position: relative; width: 16px; height: 16px; z-index: 1000; } Mit inline zwingt man die Icons, bei festen Höhenangaben, sich seitlich auszurichten. Aber Vorsicht: Anzeige ist in der Weite auch begrenzt gruss firehorse Der Beitrag wurde von firehorse bearbeitet: Tue. 23. October 2007, 10:35 |
|
|
Tue. 23. October 2007, 10:38
Beitrag
#6
|
|
purist Gruppe: AdvancedMembers Beiträge: 1.525 Mitglied seit: 30.06.2006 Wohnort: luzern (schweiz) Mitglieds-Nr.: 16 |
in der CSS-Datei eintragen: QUELLTEXT span.flex2_edit { width: 16px; height: 16px; z-index: 1000; } das wird wohl nichts bringen:
lösung: der aufbau des bildmodules ist folgendermassen: QUELLTEXT <span><img src="dein bild" /><span><img src="das bearbeitungsicon /></span></span>" du kannst das icon also einfach so ansprechen: QUELLTEXT span span { .... } vorteilhaft ist natürlich, wenn sich das bild in einem elternelement befindet, damit kannst du es gezielt ansprechen: QUELLTEXT #deine-id span span { .... } nun hast du völlige freiheit, wie du das icon platzieren möchtest (positionieren, floaten usw.) ... einfach einzurichten per css gruss andi edit: pfuipfui, da hat wohl jemand nachträglich den code angepasst -------------------- |
|
|
Tue. 23. October 2007, 14:53
Beitrag
#7
|
|
Advanced Member Gruppe: Members Beiträge: 75 Mitglied seit: 29.09.2006 Mitglieds-Nr.: 265 |
das wird wohl nichts bringen:[list=1] [*]die klasse flex2_edit ist im bildmodul nicht vorhanden [*]z-index wirkt nur auf positionierte elemente 1. Es bezog sich nicht direkt auf das Bild-Modul. Deshalb auch FETT und war als Lösung für alle gedacht. siehe auch Schreiber vor mir. 2. Ich hatte Dir vorhin etwas persönliches geschrieben (auto/auto usw.). Da hatte ich leider die Angabe "Position" nicht erwährnt, sorry :/ Na ja, ich bin es schon gewohnt. Allerdings wuindert es mich ein wenig dass sich mir hier bei Modulen von SF Probleme auftun, welche ich noch von Modulen älterer Versionen eines anderen CMS her kannte. Vielleicht kann man ja irgendwann mal gemeinsam dazu leicht verständliche Lösungen entwickeln. Bin ja nun auch kein PHP'ler, sondern mehr XHTML/CSS und Screen-/Design. gruss firehorse PS: Deine Lösung ist aber fast identisch... auch per CSS. Der Beitrag wurde von firehorse bearbeitet: Tue. 23. October 2007, 14:56 |
|
|
Tue. 23. October 2007, 15:11
Beitrag
#8
|
|
purist Gruppe: AdvancedMembers Beiträge: 1.525 Mitglied seit: 30.06.2006 Wohnort: luzern (schweiz) Mitglieds-Nr.: 16 |
1. Es bezog sich nicht direkt auf das Bild-Modul. Deshalb auch FETT und war als Lösung für alle gedacht. siehe auch Schreiber vor mir. sorry, aber wen interessiert in einem beitrag über die positionierung des icons im bildmodul, wie du ein problem mit der icongrösse in contentflex gelöst hast? dein problem hat überhaupt nichts mit dem hier beschriebenen problem zu tun. 2. Ich hatte Dir vorhin etwas persönliches geschrieben (auto/auto usw.). Da hatte ich leider die Angabe "Position" nicht erwährnt, sorry :/ der erwähnte code stammt aber nicht aus der pn. Na ja, ich bin es schon gewohnt. Allerdings wuindert es mich ein wenig dass sich mir hier bei Modulen von SF Probleme auftun, welche ich noch von Modulen älterer Versionen eines anderen CMS her kannte. Vielleicht kann man ja irgendwann mal gemeinsam dazu leicht verständliche Lösungen entwickeln. Bin ja nun auch kein PHP'ler, sondern mehr XHTML/CSS und Screen-/Design. dein problem mit der icongrösse hängt einzig und alleine von deinem css-aufbau ab und ist wohl eher ein einzelfall. ausserdem gehört dieses problem nicht in diesen beitrag. aus diesem grunde ziehe ich mich aus diesem beitrag zurück, es sei denn, es gibt noch einen beitrag zum ursprünglichen thema. falls du das ganze noch ausdiskutieren willst, meld dich bitte per pn. gruss andi -------------------- |
|
|
Tue. 23. October 2007, 15:55
Beitrag
#9
|
|
Advanced Member Gruppe: Members Beiträge: 64 Mitglied seit: 09.01.2007 Mitglieds-Nr.: 572 |
ZITAT QUELLTEXT span span { .... } Hallo Andi, Vielen Dank für die Info, habs gleich mal ausprobiert! Ich habe das Problem im Bildmodul, kann dort aber nicht mit SPAN SPAN adressieren (ausser Änderung im Modul), bei mir sieht das so aus: <!--START 10//--><img src="media/layout/ipt_header16.jpg" alt="View of Reykjavik" title="View of Reykjavik" width="764" height="260" border="0" /> <div style="padding-top: 30px;"><img src="cms/img/but_edit.gif" width="16" height="16" onmouseover="showmenu(event, ['Bild',[['bearbeiten','index.php?idcatside=2&view=edit&action=edit&content=10.1.4-1,5-1','bearbeiten','_self','']],'',[['neu','index.php?idcatside=2&view=edit&action=new&entry=1&content=10.new.4-1,5-1','neu','_self',''],['löschen','index.php?idcatside=2&view=edit&action=delete&content=10.1','löschen','_self','if(delete_confirm())']]])" onmouseout="delayhidemenu()" style="cursor:pointer" border="0" /></div> <!--END 10//--> Vor dem edit Button steht kein SPAN, der DIV mit dem PADDING-TOP ist der Workaround von mir! Ich könnte versuchen per IMG IMG das zweite Child in diesem Fall den Edit Button anzusprechen! Der Beitrag wurde von hman bearbeitet: Tue. 23. October 2007, 16:01 |
|
|
Tue. 23. October 2007, 16:10
Beitrag
#10
|
|
purist Gruppe: AdvancedMembers Beiträge: 1.525 Mitglied seit: 30.06.2006 Wohnort: luzern (schweiz) Mitglieds-Nr.: 16 |
also beim original bildmodul 1.2 sieht der output wie folgt aus:
QUELLTEXT <!--START 20//--><span style="background-color: #DBE3EF; border: 1px solid black; padding: 3px;"> <img src="http://www.maccaroni.ch/sefrengo/media/img/hund-hut.jpg" alt="" width="240" height="347" border="0" /> <span style="padding-left: 3px;"><img src="cms/img/but_edit.gif" width="16" height="16" onmouseover="showmenu(event, ['Bild',[['bearbeiten','index.php?idcatside=21&view=edit&action=edit&content=20.1.4-1,5-1','bearbeiten','_self','']]])" onmouseout="delayhidemenu()" style="cursor:pointer" border="0" /></span></span><br /><br />test<!--END 20//--> Vor dem edit Button steht kein SPAN, der DIV mit dem PADDING-TOP ist der Workaround von mir! Ich könnte versuchen per IMG IMG das zweite Child in diesem Fall den Edit Button anzusprechen! img img wird wohl nicht gehen, da img kein bild als kindelement in sich bergt. wenn du das div mit dem padding schon selber eingesetzt hast, warum nimmst du nicht gleich das div aus dem textfluss und positionierst es dort, wo es nicht in den weg kommt? gruss andi -------------------- |
|
|
Tue. 23. October 2007, 16:48
Beitrag
#11
|
|
Advanced Member Gruppe: Members Beiträge: 64 Mitglied seit: 09.01.2007 Mitglieds-Nr.: 572 |
wenn du das div mit dem padding schon selber eingesetzt hast, warum nimmst du nicht gleich das div aus dem textfluss und positionierst es dort, wo es nicht in den weg kommt? Wie meinst Du das "dem textfluss und positionierst es dort, wo es nicht in den weg kommt"? Sorry steh vielleicht auf dem Schlauch, aber in jedem Fall wird das Frontend den DIV mitausgeben, momentan stört es nicht, weil leer. Den SPAN habe ich nicht! Habe das Originalmodul mit der Änderung von AMK (s.o.) überschrieben! Gruss Harry |
|
|
Tue. 23. October 2007, 16:58
Beitrag
#12
|
|
purist Gruppe: AdvancedMembers Beiträge: 1.525 Mitglied seit: 30.06.2006 Wohnort: luzern (schweiz) Mitglieds-Nr.: 16 |
Wie meinst Du das "dem textfluss und positionierst es dort, wo es nicht in den weg kommt"? indem du es floatest oder absolut positionierst. Den SPAN habe ich nicht! Habe das Originalmodul mit der Änderung von AMK (s.o.) überschrieben! daran wirds wohl liegen. gruss andi -------------------- |
|
|
Vereinfachte Darstellung | Aktuelles Datum: 29.3.24 - 02:11 |