Hallo,
ich habe da ein kleines Problem, auf einer Seite habe ich ein Feld, dies ist ein suchfeld.
Es zeigt einen suchen Button an, der nicht ins Template passt.
Jetzt möchte ich ihn durch eine Grafik ersetzen sie liegt: www.seite.de/cms/fileadmin/images/bild.gif ist 10x10 px gross.
Könnt ihr mir bitte dabei helfen?
vielen dank
Hier das TS:
#Suchfeld Definieren
SEARCHER < tt_content.search.30
SEARCHER {
layout = ###FIELD### <br>
stdWrap.wrap >
taret = _self
redirect = 23
badMess = Bitte geben sie eine Suchanfrage ein.
dataArray.10 {
label.override = Ihre Suche:
type = *sword = input, 15, 30
}
dataArray.20{
valueArray >
type = scols = hidden
value = pages.title-subtitle-keywords-description:tt_content.header-bodytext-imagecaption
}
}
Das kannst du doch per CSS setzen.
Und wie?
wenn ich mir den quelltext meiner seite anschaue steht da
<input type="submit" name="submit" value="Search now!" />
aber in selfhtml steht das man ihn so definiert:
CSS:
.Button { background-color:#aaa; color:#fff; width:200px; border:6px solid #ddd; }
HTML:
<input type="submit" class="Button" value="Absenden">
Es ist also eine Klasse zugeortnet.
Aber leider nicht in meinem Quelltext.
Es muss doch einfach im TS bei dem suchfeld definition eine möglichkeit geben, weil ich kann ja keine klasse ansprechen bei dem Button?
Du kannst z.B. eine Hintergrundgrafik einziehen.
Wenn die Schaltfläche keine Classe doer ID hat, musst du die entweder einbauen under etwas tricksen.
.button {
display: block;
width: 144px;
height: 19px;
background-image: url(images/button.png);
color: #FFFFFF;
text-align: center;
padding: 3px;
font-weight: bold;
}
Wenn du das Standard Search Form benutzt, dass würde sich ein Blick in den TypoScript Objekt Browser anbieten.
Das ist das Objekt welches die Submit-Schaltfläche erzeugt:
tt_content.search.30.dataArray.40
Danke,
also über das DataArrey kann ich es also ersetzen, dann muss ich es ja in den Block einsetzen der die suche Definiert? Oder mit dem Constand Editor edieren, da habe ich dann wenn ich ihn aufrufe die möglichkeit:
Edit object/property value:
tt_content.search.30.dataArray.40.type =
mit dem Wert: submit=submit
oder Add object property:
tt_content.search.30.dataArray.40.type. (LEERES FELD)
wo gebe ich denn die graphik an die verwendet werden soll?
oder wie gebe ich im konkreten beispiel an, das dem button eine klasse zugewiesen wird? dann könnte ich es einfach per css definieren?
sprich:
#Suchfeld Definieren
SEARCHER < tt_content.search.30
SEARCHER {
layout = ###FIELD### <br>
stdWrap.wrap >
taret = _self
redirect = 23
badMess = Bitte geben sie eine Suchanfrage ein.
dataArray.10 {
label.override = Ihre Suche:
type = *sword = input, 15, 30
}
dataArray.20{
valueArray >
type = scols = hidden
value = pages.title-subtitle-keywords-description:tt_content.header-bodytext-imagecaption
}
tt_content.search.30.dataArray.40
}
Wo kann ich denn sehen welche Optionen ich da verwenden kann?
ich bin recht neu in sachen TS, Danke.