[TYPO3-UG Italy] Backend Layout
Alessandro Tuveri
at at uniud.it
Wed Dec 3 11:13:21 CET 2014
parte II
- generazione e save del layout di backend nella cartella fileadmin
- aggiunta di un nuovo template parziale
parte II
in
/template/Resources/Private/Templates/Page/
vai ad aggiungere un nuovo documento (nell'esempio con nome: home_2rowx4col.htm); copia uno dei template di frontend che trovi
ad esempio questo (spero giri, funziona sotto la versione 6.2.7 e bootstrap_content 6.2.5):
/nota: genera l'output nel seguente modo: colonna INTRO (width: 12/12), data:3, seguita da colonna normale (widh 12/12) data: 0 seguito poi da 4 colonne (4x3/12) e da altre 4 colonne (4x3/12), dove sono state rimappate le colonne usando le colPos da data 31 a data 37
-- inizio --
<f:layout name="Default" />
<f:section name="Main">
<f:cObject typoscriptObjectPath="lib.dynamicContent" data="3" />
<div class="container">
<f:cObject typoscriptObjectPath="lib.dynamicContent" data="0" />
</div>
<div class="">
<f:comment>modificato da ALEX TUVERI well</f:comment>
<div class="container">
<div class="row">
<div class="col-sm-3">
<f:cObject typoscriptObjectPath="lib.dynamicContent" data="30" />
</div>
<div class="col-sm-3">
<f:cObject typoscriptObjectPath="lib.dynamicContent" data="31" />
</div>
<div class="col-sm-3">
<f:cObject typoscriptObjectPath="lib.dynamicContent" data="32" />
</div>
<div class="col-sm-3">
<f:cObject typoscriptObjectPath="lib.dynamicContent" data="33" />
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-3">
<f:cObject typoscriptObjectPath="lib.dynamicContent" data="34" />
</div>
<div class="col-sm-3">
<f:cObject typoscriptObjectPath="lib.dynamicContent" data="35" />
</div>
<div class="col-sm-3">
<f:cObject typoscriptObjectPath="lib.dynamicContent" data="36" />
</div>
<div class="col-sm-3">
<f:cObject typoscriptObjectPath="lib.dynamicContent" data="37" />
</div>
</div>
</div>
</f:section>
-- fine --
in pratica fa questo:
usa le colpos da 30 a 37 e produce una sorta di grid da
2 righe x 4 colonne
la libreria
lib.dunamicContent fa il resto ovvero piazza i contenuti nelle giuste locazioni
questo invece il layout di BACKEND che va creato in:
fileadmin/template/Configuration/BackendLayouts/home_2rowx4cols.txt
nome assegnato: home_2rowx4cols.txt (nota: lo sesso usato qui sotto nella proprieta': BackendLayouts )
-- inzio ---
##########################################
#### BACKENDLAYOUT: SPECIAL 4 COLONNE ####
##########################################
mod {
web_layout {
BackendLayouts {
home_2rowx4cols {
//title = LLL:EXT:bootstrap_package/Resources/Private/Language/Backend.xlf:backend_layout.special_start
title = home 2row x 4cols // stringa che identifica il Layout di Backend e sara' aggiunta al menu a tendina...
config {
backend_layout {
colCount = 8
rowCount = 5
rows {
1 {
columns {
1 {
name = intro
colPos = 3
colspan = 8
}
}
}
2 {
columns {
1 {
name = normale
colPos = 0
colspan = 8
}
}
}
3 {
columns {
1 {
name = riga1-box1
colPos = 30
colspan = 2
}
2 {
name = riga1-box2
colPos = 31
colspan = 2
}
3 {
name = riga1-box3
colPos = 32
colspan = 2
}
4 {
name = riga1-box4
colPos = 33
colspan = 2
}
}
}
4 {
columns {
1 {
name = riga2-box1
colPos = 34
colspan = 2
}
2 {
name = riga2-box2
colPos = 35
colspan = 2
}
3 {
name = riga2-box3
colPos = 36
colspan = 2
}
4 {
name = riga2-box4
colPos = 37
colspan = 2
}
}
}
5 {
columns {
1 {
name = LLL:EXT:bootstrap_package/Resources/Private/Language/Backend.xlf:backend_layout.column.footer1
colPos = 11
colspan = 8
}
}
}
}
}
}
//icon = fileadmin/template/Resources/Public/Images/BackendLayouts/special_start.gif
icon= EXT:bootstrap_package/Resources/Public/Images/BackendLayouts/special_start.gif
}
}
}
}
-- fine --
cha va aggiunto agli altri dentro:
fileadmin/Resources/Private/Layouts/
nota: non ho aggiunto le LABEL previste, che richiedono l'editing del file XML collegato...
-- mi fermo qui intanto prova questi ...
________________________________________
Da: typo3-ug-italy-bounces at lists.typo3.org <typo3-ug-italy-bounces at lists.typo3.org> per conto di Alessandro Tuveri <at at uniud.it>
Inviato: mercoledì 3 dicembre 2014 10:31
A: TYPO3 Usergroup Italy
Oggetto: Re: [TYPO3-UG Italy] Backend Layout
Entro a gamba tesa.
Quando generi un layoout di backend ovviamente questo ha l'unico scopo di
definire l'aspetto del backend, ovvero di "come" il redattore vedra' la pagina se scelto quel "tale" backend.
Per evitare sovrapposizioni, io ho fatto in questo modo:
in fileadmin ho creato una cartella 'template'
dentro ci ho copiato le due cartelle da typo3conf/ext/bootstrap_package/
con nome Resources e Configuration
a regime hai
fileadmin/template/Resources
fileadmin/template/Configuration
si tratta ora di copiare da:
typo3conf/ext/bootstrap_package/Configuration/TypoScript/constants.txt (o .ts non ricordo), quindi
in
web > Template > edita tutto il template
riquadro CONSTANTS
ficca dentro:
page.logo.file = fileadmin/introduction/images/theme/IntroductionPackage.png
page.theme.copyright.text = Proudly powered by <a href="http://www.typo3.org" target="_blank">TYPO3 CMS 6.2</a>
page {
logo {
# cat=bootstrap package: basic/110/file; type=string; label=Logo: Leave blank to use website title from template instead
file = fileadmin/template/Resources/Public/Images/BootstrapPackage.png
# cat=bootstrap package: basic/110/height; type=int+; label=Height: The image will not be resized!
height = 60
# cat=bootstrap package: basic/110/width; type=int+; label=Width: The image will not be resized!
width = 210
}
fluidtemplate {
# cat=bootstrap package: advanced/100/100; type=string; label=Layout Root Path: Path to layouts
layoutRootPath = fileadmin/template/Resources/Private/Layouts/Page/
# cat=bootstrap package: advanced/100/110; type=string; label=Partial Root Path: Path to partials
partialRootPath = fileadmin/template/Resources/Private/Partials/Page/
# cat=bootstrap package: advanced/100/120; type=string; label=Template Root Path: Path to templates
templateRootPath = fileadmin/template/Resources/Private/Templates/Page/
}
includePath {
# cat=bootstrap package: advanced/130/100; type=string; label=Css Include Path: Path to css files
css = fileadmin/template/Resources/Public/Css/
# cat=bootstrap package: advanced/130/110; type=string; label=Icon Include Path: Path to css files
icons = fileadmin/template/Resources/Public/Icons/
# cat=bootstrap package: advanced/130/120; type=string; label=JavaScript Include Path: Path to css files
javascript = fileadmin/template/Resources/Public/JavaScript/
}
}
cosicche' forzi il bootstrap a usare i "nuovi" template che editi comodamente da BE in FILEADMIN
la' andrai a inserire i nuovi template che funzioneranno in congiunzione con il layout di backend che hai creato
-- fine prima parte--
________________________________________
Da: typo3-ug-italy-bounces at lists.typo3.org <typo3-ug-italy-bounces at lists.typo3.org> per conto di Attilio Monti NewtVision <attilio.monti at newtvision.com>
Inviato: mercoledì 3 dicembre 2014 10:18
A: michele de blasi; TYPO3 Usergroup Italy
Oggetto: Re: [TYPO3-UG Italy] Backend Layout
non esistono domande banali! ;) Guarda me che ieri ho chiesto aiuto e mi sono dato la risposta da solo dopo 30 minuti!!!!! :D
Sfortunatamente non conosco bene cosa comprenda l’introduction package. Presumo ci sia anche un Typoscript di base, la prima domanda che ti pongo è : nel backend layout hai impostato anche le colPos per gli elementi aggiuntivi ?
> Il giorno 03/dic/2014, alle ore 10:13, michele de blasi <michele_de_blasi at libero.it> ha scritto:
>
> Ciao Attilio,
> grazie mille per la risposta.
> Purtroppo sono un po' impelagato con Typo3. Ho iniziato da poche settimane ad usarlo e quindi sono ancora in alto mare. Diciamo che ho installato l'introduction Package preconfigurata e che sto lavorando su quella. quindi con il loro template (giusto?). Dopodichè ho bisogno di creare questo nuovo layout che mi da questo problema (causa della mia inesperienza naturalmente). Detto questo credo di usare Fluid (ma cos'è veramente?) e che non ho configurato il TSREF. Ho tentato di capirci qualcosa guardando un video e lui dopo averlo creato con wizard, va modificare il setup del template (ma non so cosa faccia) e il codice html, al quale accede dal filelist, che però nel quale io non ho nessun file nella cartella template... solo un index.html che però è vuota.
> Sicuramente saranno domande banali e per questo mi scuso in anticipo.
> Grazie mille
> _______________________________________________
> TYPO3-UG-Italy mailing list
> TYPO3-UG-Italy at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-italy
_______________________________________________
TYPO3-UG-Italy mailing list
TYPO3-UG-Italy at lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-italy
_______________________________________________
TYPO3-UG-Italy mailing list
TYPO3-UG-Italy at lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-ug-italy
More information about the TYPO3-UG-Italy
mailing list