Willkommen, Gast ( Anmelden | Registrierung )     [ Hilfe | Mitglieder | Suche ]

 
Reply to this topicStart new topic
> Edit Button im "Bild"-Modul positionieren
SefrenTo
Beitrag 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!
Go to the top of the page
 
+Quote Post
outline4
Beitrag 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



ZITAT(SefrenTo @ Wed. 11. July 2007, 12:41) *
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*
Go to the top of the page
 
+Quote Post
amk
Beitrag 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
Go to the top of the page
 
+Quote Post
hman
Beitrag Mon. 22. October 2007, 14:19
Beitrag #4


Advanced Member
***

Gruppe: Members
Beiträge: 64
Mitglied seit: 09.01.2007
Mitglieds-Nr.: 572



ZITAT(amk @ Thu. 9. August 2007, 19:20) *
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? sad.gif

Der Beitrag wurde von hman bearbeitet: Mon. 22. October 2007, 14:54
Go to the top of the page
 
+Quote Post
firehorse
Beitrag Tue. 23. October 2007, 10:12
Beitrag #5


Advanced Member
***

Gruppe: Members
Beiträge: 75
Mitglied seit: 29.09.2006
Mitglieds-Nr.: 265



ZITAT(hman @ Mon. 22. October 2007, 15:19) *
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? sad.gif



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 smile.gif


gruss
firehorse


Der Beitrag wurde von firehorse bearbeitet: Tue. 23. October 2007, 10:35
Go to the top of the page
 
+Quote Post
andi
Beitrag 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



ZITAT(firehorse @ Tue. 23. October 2007, 11:12) *
in der CSS-Datei eintragen:
QUELLTEXT
span.flex2_edit {
width: 16px;
height: 16px;
z-index: 1000;
}

das wird wohl nichts bringen:
  1. die klasse flex2_edit ist im bildmodul nicht vorhanden
  2. z-index wirkt nur auf positionierte elemente

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 tongue.gif


--------------------
Go to the top of the page
 
+Quote Post
firehorse
Beitrag Tue. 23. October 2007, 14:53
Beitrag #7


Advanced Member
***

Gruppe: Members
Beiträge: 75
Mitglied seit: 29.09.2006
Mitglieds-Nr.: 265



ZITAT(andi @ Tue. 23. October 2007, 11:38) *
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
Go to the top of the page
 
+Quote Post
andi
Beitrag 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



ZITAT(firehorse @ Tue. 23. October 2007, 15:53) *
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.

ZITAT(firehorse @ Tue. 23. October 2007, 15:53) *
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.

ZITAT(firehorse @ Tue. 23. October 2007, 15:53) *
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


--------------------
Go to the top of the page
 
+Quote Post
hman
Beitrag 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&ouml;schen','index.php?idcatside=2&view=edit&action=delete&content=10.1','l&ouml;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
Go to the top of the page
 
+Quote Post
andi
Beitrag 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//-->


ZITAT(hman @ Tue. 23. October 2007, 16:55) *
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


--------------------
Go to the top of the page
 
+Quote Post
hman
Beitrag Tue. 23. October 2007, 16:48
Beitrag #11


Advanced Member
***

Gruppe: Members
Beiträge: 64
Mitglied seit: 09.01.2007
Mitglieds-Nr.: 572



ZITAT(andi @ Tue. 23. October 2007, 17:10) *
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
Go to the top of the page
 
+Quote Post
andi
Beitrag 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



ZITAT(hman @ Tue. 23. October 2007, 17:48) *
Wie meinst Du das "dem textfluss und positionierst es dort, wo es nicht in den weg kommt"?

indem du es floatest oder absolut positionierst.

ZITAT(hman @ Tue. 23. October 2007, 17:48) *
Den SPAN habe ich nicht! Habe das Originalmodul mit der Änderung von AMK (s.o.) überschrieben!

daran wirds wohl liegen.

gruss andi


--------------------
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:

 



RSS Vereinfachte Darstellung Aktuelles Datum: 29.3.24 - 02:11

Sefrengo ist ein eingetragenes Markenzeichen und urheberrechtlich geschützt.
Copyright 2009 Design & Daten, Alle Rechte vorbehalten.