Re: [TYPO3-german] Gridelements & Bootstrap 3 & HTML Ausgabe / View Helper
Hallo Joey, vielen Dank für Deinen Beitrag. Du hast Recht, Deine Lösung ist in meinem Fall wesentlich elegenater. Ich bin mit dem Typoscript noch nicht so gut Freund, so dass es doch noch zu dem einen oder anderen Umweg kommt :) Deine Lösung erfüllt vollkommen meine Absicht, Inhalte unkompliziert mit Gride einzubinden. LG Hendrik ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Gridelements & Bootstrap 3 & HTML Ausgabe / View Helper
Am 02.04.2015 um 07:51 schrieb Börge Hendrik:
Hallo Joey
ich wollte gern einen Ordner im fileadmin haben der nur noch verknüpft
werden brauch. Sprich in die Setup und constants externe Dateien
einbinde, dann sollte bootstrap und grideelements eingebunden sein.
So das man am Ende nur noch Tabellen über Gridelements einfügt und dann
die Inhalte mit dem Zabellendesign dargestellt werden.
Dabei hatte ich einiges probiert und mit dem Code ging es. Magst mir
Deinen Lösungsansatz näher beschreiben mit entsprechendem Code?
Das mit dem Inkludieren von externen Dateien ist ja erstmal eine gute
Idee und funktionierte auch einwandfrei, aber das erklärt immer noch
nicht, wozu Du das CONTENT-Teil im prepend-Bereich eines anderen
Gridelements einbaust.
Wenn Du Gridelements verwendest wird ja per Default der gesamte Inhalt
eines Containers über die userFunc gesammelt, auf die Spalten verteilt
und gerendert. Deswegen bekomme ich den Grund für CONTENT an der Stelle
gedanklich nicht nachvollzogen, inbesondere, weil Du Dir damit ALLE
Elemente holst, die mit Gridelement-Layout 7 versehen sind aber in der
Seitenstruktur ggf. an einer komplett anderen Stelle liegen als der
Container mit dem Layout 6.
Falls Du die Container einfach verschachteln wolltest - also Container
mit Layout 7 innerhalb des Containers mit Layout 6 - würde das
eigentlich komplett über eine simple Definition beider Layouts
funktionieren, ohne dabei das TypoScript so zu verknoten.
lib.gridelements.6 < lib.gridelements.defaultGridSetup
lib.gridelements.6 {
# irgendwas hier hin
}
tt_content.gridelements_pi1.20.10.setup.6 < lib.gridelements.6
lib.gridelements.7 < lib.gridelements.defaultGridSetup
lib.gridelements.7 {
# irgendwas hier hin
}
tt_content.gridelements_pi1.20.10.setup.7 < lib.gridelements.7
Aber ggf. wolltest Du ja was ganz anderes erreichen, daher die Frage :-)
Joey
--
Diversity:
Die Kunst zusammen unabhängig zu denken
The art of thinking independently together.
--
Facebook: https://www.facebook.com/johasenau
Twitter: http://twitter.com/bunnyfield
Xing: http://contact.cybercraft.de
TYPO3 cookbook (2nd edition): http://www.typo3experts.com
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Gridelements & Bootstrap 3 & HTML Ausgabe / View Helper
Hallo Joey ich wollte gern einen Ordner im fileadmin haben der nur noch verknüpft werden brauch. Sprich in die Setup und constants externe Dateien einbinde, dann sollte bootstrap und grideelements eingebunden sein. So das man am Ende nur noch Tabellen über Gridelements einfügt und dann die Inhalte mit dem Zabellendesign dargestellt werden. Dabei hatte ich einiges probiert und mit dem Code ging es. Magst mir Deinen Lösungsansatz näher beschreiben mit entsprechendem Code? Vielen Dank! Lg Hendrik ___ TYPO3-german mailing list TYPO3-german@lists.typo3.org http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Gridelements & Bootstrap 3 & HTML Ausgabe / View Helper
Am 28.03.2015 um 17:18 schrieb Börge Hendrik:
Hier nun die Lösung mit der es geht:
# Tab Container
6 < temp.gridelements.defaultGridSetup
6 {
prepend = COA
prepend {
10 = CONTENT
10 {
table = tt_content
select {
selectFields = header, uid
where = CType='gridelements_pi1'
andWhere = tx_gridelements_backend_layout=7
}
Mal so rein interessehalber: Was machst Du da konkret und warum machst
Du es so kompliziert?
Was ich soweit nachvollziehen kann ist: Du holst Dir ein Default-Setup
für ein Gridelement mit Layout 6 und fügst innerhalb dieses Setup per
prepend und CONTENT weitere Elemente ein, die ein anderes
Gridelement-Layout haben? - Ich habe aber im Moment keinen Use-Case, der
mir das "Warum" beantworten würde.
Ggf. funktioniert das Ganze viel einfacher, von daher wüsste ich gern,
was das Ziel ist.
Bin gespannt.
Joey
--
Diversity:
Die Kunst zusammen unabhängig zu denken
The art of thinking independently together.
--
Facebook: https://www.facebook.com/johasenau
Twitter: http://twitter.com/bunnyfield
Xing: http://contact.cybercraft.de
TYPO3 cookbook (2nd edition): http://www.typo3experts.com
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Gridelements & Bootstrap 3 & HTML Ausgabe / View Helper
Hallo und vielen Dank.
hier nochmal der Code, konnte man ursprünglich nicht richtig sehen:
{content}
{contentRight}
Somit habe ich nun:
Code HTML:
Navigation ein-/ausblenden
{siteName}
Start
Über
Kontakt
{sometext}
{content}
{contentRight}
Code Setup.ts:
# Default PAGE object:
page = PAGE
page {
includeCSS.bootstrapTheme =
fileadmin/Page/template/bootstrap/css/bootstrap.min.css
includeCSS.bootstrapCustom =
fileadmin/Page/template/bootstrap/css/starter-template.css
includeJS.jquery = fileadmin/Page/template/bootstrap/js/jquery.js
includeJSFooter.bootstrap = fileadmin/Page/template/bootstrap/js/bootstrap.js
10 = FLUIDTEMPLATE
10 {
file = fileadmin/Page/template/bootstrap/index.htm
layoutRootPath = fileadmin/Page/template/layouts/
partialRootPath = fileadmin/Page/template/partials/
variables {
siteName = TEXT
siteName.value = TestserverTS1 (setupts)
content < styles.content.get
contentRight < styles.content.getRight
# slider < styles.content.get
# contentLeft < styles.content.getLeft
# footer < styles.content.getBorder
}
}
}
Code von Gridelements:
https://gist.github.com/Merec/6670275
Habe Backend Layout eine Hauptspalte.
Darin über Gridelements nun einer zweier Spalte eingefügt.
Es werden auch Inhalte angezeigt, diese sind untereinander und nicht nebeneinander,
aber es sind wohl auch alte Inhalte.
Vermutlich muss ich die Nummern irgendwie anpassen?
Dem Element BackendLayout habe ich nun die 20 zugewiesen.
Der Rest ergibt sich wohl aus dem Gridelementsvorlage.
Hat jemand nochmal bitte einen Tipp?
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Re: [TYPO3-german] Gridelements & Bootstrap 3 & HTML Ausgabe / View Helper
Hallo,
im Prinzip fehlt dir nur noch die Spaltenaufteilung nach bootstrap. Im
Augenblick hast du mit dem einen Einspalter über 100%
Breite angelegt, aber keine weiteren Spalten definiert.
Die gewünschten Spalten werden dann nach bootstrap-Philosophie mit 12
Spalten zusammengebaut.
Hier ein einfaches Beispiel über 2 Spalten mit 50% Breite (Inhalte müssen
natürlich vorher in TypoScript definiert worden sein):
{content}
{contentRight}
Grüsse
Eddy
--
View this message in context:
http://typo3.3.n7.nabble.com/Gridelements-Bootstrap-3-HTML-Ausgabe-View-Helper-tp273634p273642.html
Sent from the TYPO3 German mailing list archive at Nabble.com.
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
[TYPO3-german] Gridelements & Bootstrap 3 & HTML Ausgabe / View Helper
Ich habe vor kurzem die neuen Möglichkeiten mit Gridelements und Bootstrap
entdeckt und wollte mir mal einige Ordner im fileadmin erstellen, damit ich die
Basis dann nur noch für neue Installationen hineinkopieren brauche.
- Bootstrap habe ich bereits angelegt und verbunden.
- Gridelements habe ich nach dieser Anleitung für Bootstrap angelegt:
https://www.merec.org/typo3/twitter-bootstrap-3-grid-mit-grid-elements-fuer-typo3
Damit ich eine große Basisspalte zum einfügen der Gridelemente habe, habe ich
diese über Backendlayouts erstellt und der Spalte 0 zugewiesen - Hinweis hatte
ich hier gefunden:
http://www.pas-solutions.ch/typo3/typo3-6-0-inhaltsspalten-fur-ein-ubersichtliches-backend-anpassen/
0 = (styles.content.get)
1 = (styles.content.getLeft)
2 = (styles.content.getRight)
3 = (styles.content.getBorder)
Soweit ich das verstanden habe, brauche ich nun in der Index.htm (von bootstrap) eine classe und einen viewhelper, damit Inhalte angezeigt werden.
Code / HTML:
Navigation ein-/ausblenden
{siteName}
Start
Über
Kontakt
{sometext}
{content}
Code / Setup.ts:
# Default PAGE object:
page = PAGE
page {
includeCSS.bootstrapTheme =
fileadmin/Page/template/bootstrap/css/bootstrap.min.css
includeCSS.bootstrapCustom =
fileadmin/Page/template/bootstrap/css/starter-template.css
includeJS.jquery = fileadmin/Page/template/bootstrap/js/jquery.js
includeJSFooter.bootstrap = fileadmin/Page/template/bootstrap/js/bootstrap.js
10 = FLUIDTEMPLATE
10 {
file = fileadmin/Page/template/bootstrap/index.htm
layoutRootPath = fileadmin/Page/template/layouts/
partialRootPath = fileadmin/Page/template/partials/
variables {
siteName = TEXT
siteName.value = TestserverTS1 (setupts)
content < styles.content.get
}
}
}
Weiterhin habe ich ansatzweise verstanden, dass man viewhelper
"format"verwenden kann.
http://wiki.typo3.org/De:ViewHelper
Das Layout erscheint auch, allerdings werden die Inhalte nicht in Tabellen
angelegt, sondern untereinander.
Vermutlich muss man nun einen Wrap oder eine andere class zuweisen, aber ob
sich dann das Design vollständig anpasst,
sprich Spaltenzahl ändern = Design frontend angepasst ist mir noch nicht
wirklich klar.
Würde mir jemand verraten, wo und wie ich am besten fortsetzte?
Wünsche ein schönes Wochenende.
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
