Buttons per input type erstellen (Mod post-report)

[mark2]

Ich habe mir den Mod Post-report installiert.
Auf der Seite report_view_body.tpl wurde leider kein Button für "Meldung bearbeiten" erstellt, sondern nur als Link ausgeführt.
[ externes Bild ]
Ebenso auf der admin/reason_body.tpl
[ externes Bild ]

Wie man auf dem ersten Bild sieht habe ich in der report_view_body.tpl schon versucht einen Button dafür zu verwenden. Der Button wird zwar richtig angezeigt aber ohne Link. Ich habe keine Ahnung wich ich den entsprechenden Link einbauen kann.
Hier der code wie ich es versucht habe

Code: Alles auswählen

	<a href="{row.U_EDIT}" class="gen">{L_REPORT_EDIT}</a>
         <input type="submit" name="submit" value="{L_REPORT_EDIT}" class="mainoption" /></form>

[Miriam]

Es handelt sich doch auch tatsächlich um einen Link. Oder nicht?


Probiere es doch mal so:
Erweitere Deine CSS Datei mit einer Klasse.

Code: Alles auswählen

.buttons {
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
	border: 2px outset grey;
	background: #008000;
}

und den Anker rüstest Du um diese Klasse auf:

Code: Alles auswählen

<a class="buttons" href="{row.U_EDIT}" class="gen">{L_REPORT_EDIT}</a>

Und schon hast Du einen "gefaketen" Submit-Button.

Musst Du natürlich noch etwas an Deinen Style anpassen..... Ist ja klar.

[mark2]

Das hat nicht funktioniert.
Auf dem Bild sieht man links den Original Link. In der Mitte dein code und rechts mein Versuch der nich funktioniert.
[ externes Bild ]

[Miriam]

Hm,


darf ich mal einen Blick auf die Umsetzung werfen?

[mark2]

Gerne doch.

Die betrffende css
Die report_view_body.tpl

[mark2]

Oh Mist.
Ich hab vergessen dass bei dem style css garnicht aktiv ist.
Ich hab es jetzt in die overall_header rein und nun geht es.
Nur ist die Schrift noch zu groß und in der falschen Farbe. Wie kann ich die Farbe und Größe ändern?

[mark2]

Eine Stunde später.

So weit bin ich momentan gekommen. (Bild zeigt die Ansicht mit Internet Explorer 7 )
[ externes Bild ]

Es fehlt noch an der Ausrichtung. Der Buttons ist zu tief.
Der Rahmen ist auch nicht 100% Original. Wird glaub ich aber auch nicht besser hin zu bekommen sein.

Öffne ich die Seite mit dem Firefox ist der neue Button absolut identisch wie man auf dem Bild sieht.
[ externes Bild ]

Um das so hinzubekommen musste ich aber deinen code für die css etwas erweitern.

Code: Alles auswählen

.buttons {
   font-size: {T_FONTSIZE2}px;
   font-weight : bold;
   text-decoration: none;
   padding: 1px;
   border: 2px outset {T_BODY_TEXT};
   background-color: {T_TD_COLOR1};
}
a.buttons: { color: #9998a6;}
a.buttons:link  { color: #9998a6;}
a.buttons:visited { color: #9998a6;}
a.buttons:hover { text-decoration: none; color: #9998a6;}

[Miriam]

Ich wollte Dir ja auch nur einen Tip geben, was Du machen könntest. Bin ja nicht Dein Vorkauer... gell * *

[mark2]

Wieso funktioniert das nicht in der admin/report_reasons_body.tpl ?

Code: Alles auswählen

<tr>
	<td class="catBottom" align="center" colspan="5"><span class="gen"><a class="buttons" href="{U_CREATE}" class="gen">{L_CREATE}</a> - <a class="buttons" href="{U_RESYNC}" class="gen">{L_RESYNC}</a></span></td>
	</tr>

Es verändert sich dort nur der Text. Ein Button wird aber nicht angezeigt.

[Miriam]

<a class="buttons" href="{U_CREATE}" class="gen">

Augen auf! Ent oder weder.