Hallo Leute, ist es möglich mehrere Style-Attribute zu mappen? Möchte noch dem Redakteur die Möglichkeit geben das Hintergrundbild zu positionieren....
<TypoScript>
10 = TEXT
10.field = bg_bild
10.wrap = background-image:url(uploads/tx_templavoila/|); background-repeat:no-repeat; background-position: center 50px;
</TypoScript>
</tx_templavoila>
</hintergrundbild>
<bg_bild type="array">
<tx_templavoila type="array">
<title>bg_bild</title>
<sample_data type="array">
<numIndex index="0"></numIndex>
</sample_data>
<eType>image</eType>
<TypoScript>
10 = IMAGE
10.file.import = uploads/tx_templavoila/
10.file.import.current = 1
10.file.import.listNum = 0
</TypoScript>
Jeman ne Idee?
Gruß
Hi sichmann,
klar doch, und zwar sehr einfach:
Leg ein Feld vom Typ Attribute an z.B. field_class:
Editing Type: NONE und Mappe es auf das Attribute <div class=""> ATTR
Sollen mehrere vorgebene Styles bereits zur Auswahl stehen empfiehlt sich dazu eine Selector Box.
Dazu ein neues Feld anlegen z.B. field_select:
Mapping Type: Not Mapped, Editing Type: Selector Box
In der DS des XML's dann die gewünschten classen definieren:
<numIndex index="1" type="array">
<numIndex index="0">Bezeichnung für Flexform</numIndex>
<numIndex index="1">name-der-css-class</numIndex>
</numIndex>
etc.
Der Wert der nun im field_select ausgewählt wurde muss nun nurnoch deinem field_class übergeben werden.
TS im field_class dann in etwa so:
10 = TEXT
10.insertData = 1
10.value = {field:field_select}
Und fertig ist die Laube 😉
Ok , das passt nicht so ganz wie ich mir das vorstelle. Für ein Hintergrundbild ist deine Version ausreichend, aber was ist, wenn der Redakteur das Bild pixelgenau steuer muss?
In dem Zusammenhang noch nochmal ein anderer Ansatz:
1. Habe ein FCE 3 Spalter mit Header Footer usw. , der Redakteur soll die Spaltenbreite selber bestimmen können, sowie die Höhe der Einzelspalten.
Die Angaben soll er mit Eingabe in ein gemapptes Input-Feld machen können, ggf. ohne px oder %, das kann man aber zumuten.
Das FCE sieht so aus:
<div class="module module-1" style="width: 286px; float: left; margin-right: 20px;">
<h3 class="moduleHeader moduleHeaderNoTitle"><span class="moduleHeaderInnerWrap"> </span></h3>
<div class="moduleBodyWrap" style="height: 331px;">
<div class="moduleBody">
<div class="csc-header csc-header-n1">
<h3 class="csc-firstHeader">Quadronet</h3>
</div>
<div class="csc-textpic csc-textpic-center csc-textpic-above">
<div class="csc-textpic-imagewrap" style="width: 266px;">
<dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width: 266px;">
<dt><img src="layout1-Dateien/8c1a5defce.jpg" alt="" border="0" height="100" width="266"></dt>
</dl>
</div>
<div class="csc-textpic-text">
<p></p>
</div>
</div>
<div class="csc-textpic-clear">
<!-- -->
</div>
<div class="clearOnly"> </div>
</div>
</div>
<div class="moduleFooter"><span> </span></div>
</div>
Dieser Part soll editierbar sein:
<div class="module module-1" style="width: 286px; float: left; margin-right: 20px;">
und dann der Part:
<div class="moduleBodyWrap" style="height: 331px;">
hast du dafür einen Ansatz? Die Klassen per Auswahlfeld nutzen mir ja nichts.
Gruß und schon mal ein RIEßEN Dankeschön!
Hallo sichmann,
wenn ich dich richtig verstehe geht es somit nur um die Vergabe von Inline-Styles.
Das ist vom Ding her genauso zu bewerkstelligen.
Leg ein Feld vom Typ Attribute an z.B. field_styles:
Editing Type: NONE und Mappe es auf das Attribute <div style=""> ATTR
Darunter dann deine Felder für die verschiedenen Style-Angaben. Also z.B.:
field_width Mapping Type: Not Mapped, Editing Type: Plain-Input
field_height Mapping Type: Not Mapped, Editing Type: Plain-Input
etc.
Anschließend musst du dein field_styles mit den Werten der Input-Felder via TS in der XML-DS befüllen.
TS irgendwie so:
<TypoScript>
<![CDATA[
10 = COA
10{
10 = TEXT
10.field = field_width
10.required = 1
10.wrap = width=|px;
20 = TEXT
20.field = field_height
20.required = 1
20.wrap = height=|px;
]]>
</TypoScript>
Probier ein bisschen aus... TS ist auch nicht getestet. Required 1 damit keine Wraps stehen bleiben falls Inputs nicht befüllt werden. Somit ist die Eingabe für den Redakteur Optional.
Good Luck!
Bin noch nicht dazu gekommen. Schaue mir im Zusammenhang z.Z. das Templavoila Framework an. http://templavoila.busynoggin.com/
Ich wollte mir die FCE selber nachbauen, aber das sind ja hammerteile vom TS her.
Das geniale an der Sache ist, das man dort z.B. einen 2 Spalter auswählen kann, der sich mit der Breite an dem übergeordneten Element (z.B. div#content) anpasst und entsprechend auch das Bild vom Text skaliert.
Das TS (Auszug) dazu:
Constants:
##############################################################
# These are various values needed to render the page and modules
##############################################################
autoMainHeadlineDefault = 1
featureBleedDefault = 0
featureLeftPadding = 25
featureRightPadding = 25
generatedContent-1.source = 8
generatedContent-2.source = 7
localMenu.root = 1
localMenu.title =
globalGutter = 20
columnRuleDefault = 0
moduleBodyTopBuffer = 15
moduleBodyBottomBuffer = 10
moduleBodyLeftBuffer = 10
moduleBodyRightBuffer = 10
moduleBodyBorderWidth = 0
showModuleTitleDefault = 1
# übergeordnetes Element vom Framework:
containerWidth {
f1a {
feature = 900
contentBlock-1 = 900
}
Setup:
##############################################################
# dsConfig is the library included in each TV datastructures
##############################################################
dsConfig = COA
dsConfig.10 = CASE
dsConfig.10 {
key.field = field_auto_header_switch
default = LOAD_REGISTER
default.autoMainHeadline = {$autoMainHeadlineDefault}
1 = LOAD_REGISTER
1.autoMainHeadline = 1
2 = LOAD_REGISTER
2.autoMainHeadline = 0
}
dsConfig.20 = CASE
dsConfig.20 {
key.field = field_feature_bleed_switch
default = CASE
default {
key = {$featureBleedDefault}
default = LOAD_REGISTER
default {
featureClass = none
featureLeftPadding = 0
featureRightPadding = 0
}
1 = LOAD_REGISTER
1 {
featureClass = bleed
featureLeftPadding = {$featureLeftPadding}
featureRightPadding = {$featureRightPadding}
}
}
1 = LOAD_REGISTER
1 {
featureClass = bleed
featureLeftPadding = {$featureLeftPadding}
featureRightPadding = {$featureRightPadding}
}
2 = LOAD_REGISTER
2 {
featureClass = none
featureLeftPadding = 0
featureRightPadding = 0
}
}
##############################################################
# moduleGroupSetup is the library used to load the register
# with the various values needed by the module groups. The
# default values supplied by the the skins via constants
##############################################################
### Setup for Modules
columnGroupSetup.40 = CASE
columnGroupSetup.40 {
key.field = field_column_distribution
default = LOAD_REGISTER
default {
tempColumnWidth.data = register:containerWidth
tempColumnWidth.dataWrap = (|-{register:columnGutter})/2
columnWidth1.data = register:tempColumnWidth
columnWidth1.prioriCalc = intval
columnWidth2.data = register:tempColumnWidth
columnWidth2.prioriCalc = intval
}
#########################################################################
Das Ganze finde ich sehr genial, verstehe das aber nicht so ganz.
Ich habe es geschafft die FCE bei mir zum laufen zu bringen,aber nur wenn ich auch die Page-Templates vom Framework verwende. Sobald ich nur die FCE verwende wird nichts angepasst.
So etwas hätte ich gerne ...muss noch viel lernen puuhhh..
Ah, fast vergessen, hier das XML dazu:
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<t3datastructure>
<meta type="array" />
<langdisable>1</langdisable>
<disabledatapreview>1</disabledatapreview>
<belayout>
<![CDATA[
<div style="width:100%;">
<h3 class="fceTypeHeader">Triple Module Group</h3>
<div class="tvColumnWrap" style="width:32%;float:left;margin-right: 2%;">
###field_module_1###
</div>
<div class="tvColumnWrap" style="width:32%;float:left;">
###field_module_2###
</div>
<div class="tvColumnWrap" style="width:32%;float:right;">
###field_module_3###
</div>
<div style="clear:both">
</div>
</div>
]]>
</belayout>
</meta>
<root type="array">
<tx_templavoila type="array">
<title>ROOT</title>
<description>Inner mapping to #root-mapping-hook</description>
</tx_templavoila>
<type>array</type>
<el type="array">
<field_module_distribution type="array">
<type>no_map</type>
<tx_templavoila type="array">
<title>Module Distribution</title>
<sample_data type="array">
<numindex index="0"></numindex>
</sample_data>
<etype>select</etype>
<typoscript>
<![CDATA[
10 = LOAD_REGISTER
10.moduleDistribution.field = field_module_distribution
]]>
</typoscript>
</tx_templavoila>
<tceforms type="array">
<config type="array">
<type>select</type>
<items type="array">
<numindex index="0" type="array">
<numindex index="0">LLL:fileadmin/templates/core_templates/locallang.xml:fce.distribution.131313</numindex>
<numindex index="1">131313</numindex>
</numindex>
<numindex index="1" type="array">
<numindex index="0">LLL:fileadmin/templates/core_templates/locallang.xml:fce.distribution.121414</numindex>
<numindex index="1">121414</numindex>
</numindex>
<numindex index="2" type="array">
<numindex index="0">LLL:fileadmin/templates/core_templates/locallang.xml:fce.distribution.141214</numindex>
<numindex index="1">141214</numindex>
</numindex>
<numindex index="3" type="array">
<numindex index="0">LLL:fileadmin/templates/core_templates/locallang.xml:fce.distribution.141412</numindex>
<numindex index="1">141412</numindex>
</numindex>
</items>
<default>131313</default>
</config>
<label>LLL:fileadmin/templates/core_templates/locallang.xml:fce.distribution.label</label>
</tceforms>
</field_module_distribution>
<field_module_1_title type="array">
<type>no_map</type>
<tx_templavoila type="array">
<title>MODULE 1: Title</title>
<sample_data type="array">
<numindex index="0"></numindex>
</sample_data>
<etype>input</etype>
<proc type="array">
<hsc type="integer">1</hsc>
</proc>
</tx_templavoila>
<tceforms type="array">
<config type="array">
<type>input</type>
<size>48</size>
<eval>trim</eval>
</config>
<label>LLL:fileadmin/templates/core_templates/locallang.xml:fce.mod1.title</label>
</tceforms>
</field_module_1_title>
<field_module_1_show_title type="array">
<type>no_map</type>
<tx_templavoila type="array">
<title>MODULE 1: Show Title</title>
<sample_data type="array">
<numindex index="0"></numindex>
</sample_data>
<etype>select</etype>
</tx_templavoila>
<tceforms type="array">
<config type="array">
<type>select</type>
<items type="array">
<numindex index="0" type="array">
<numindex index="0">LLL:fileadmin/templates/core_templates/locallang.xml:fce.selector.default</numindex>
<numindex index="1">0</numindex>
</numindex>
<numindex index="1" type="array">
<numindex index="0">LLL:fileadmin/templates/core_templates/locallang.xml:fce.selector.on</numindex>
<numindex index="1">1</numindex>
</numindex>
<numindex index="3" type="array">
<numindex index="0">LLL:fileadmin/templates/core_templates/locallang.xml:fce.selector.off</numindex>
<numindex index="1">2</numindex>
</numindex>
</items>
<default>0</default>
</config>
<label>LLL:fileadmin/templates/core_templates/locallang.xml:fce.mod1.showTitle.label</label>
</tceforms>
</field_module_1_show_title>
<field_module_1_bleed type="array">
<type>no_map</type>
<tx_templavoila type="array">
<title>MODULE 1: Bleed</title>
<sample_data type="array">
<numindex index="0"></numindex>
</sample_data>
<etype>int</etype>
</tx_templavoila>
<tceforms type="array">
<config type="array">
<type>check</type>
<eval>int</eval>
<default type="integer">0</default>
</config>
<label>LLL:fileadmin/templates/core_templates/locallang.xml:fce.mod1.bleed</label>
</tceforms>
</field_module_1_bleed>
<field_module_1_frame type="array">
<type>no_map</type>
<tx_templavoila type="array">
<title>MODULE 1: Column Style</title>
<sample_data type="array">
<numindex index="0"></numindex>
</sample_data>
<etype>int</etype>
</tx_templavoila>
<tceforms type="array">
<config type="array">
<type>check</type>
<eval>int</eval>
<default type="integer">0</default>
</config>
<label>LLL:fileadmin/templates/core_templates/locallang.xml:fce.mod1.colStyle</label>
</tceforms>
</field_module_1_frame>
<field_module_2_title type="array">
<type>no_map</type>
<tx_templavoila type="array">
<title>MODULE 2: Title</title>
<sample_data type="array">
<numindex index="0"></numindex>
</sample_data>
<etype>input</etype>
<proc type="array">
<hsc type="integer">1</hsc>
</proc>
</tx_templavoila>
<tceforms type="array">
<config type="array">
<type>input</type>
<size>48</size>
<eval>trim</eval>
</config>
<label>LLL:fileadmin/templates/core_templates/locallang.xml:fce.mod2.title</label>
</tceforms>
</field_module_2_title>
<field_module_2_show_title type="array">
<type>no_map</type>
<tx_templavoila type="array">
<title>MODULE 2: Show Title</title>
<sample_data type="array">
<numindex index="0"></numindex>
</sample_data>
<etype>select</etype>
</tx_templavoila>
<tceforms type="array">
<config type="array">
<type>select</type>
<items type="array">
<numindex index="0" type="array">
<numindex index="0">LLL:fileadmin/templates/core_templates/locallang.xml:fce.selector.default</numindex>
<numindex index="1">0</numindex>
</numindex>
<numindex index="1" type="array">
<numindex index="0">LLL:fileadmin/templates/core_templates/locallang.xml:fce.selector.on</numindex>
<numindex index="1">1</numindex>
</numindex>
<numindex index="3" type="array">
<numindex index="0">LLL:fileadmin/templates/core_templates/locallang.xml:fce.selector.off</numindex>
<numindex index="1">2</numindex>
</numindex>
</items>
<default>0</default>
</config>
<label>LLL:fileadmin/templates/core_templates/locallang.xml:fce.mod2.showTitle.label</label>
</tceforms>
</field_module_2_show_title>
<field_module_2_bleed type="array">
<type>no_map</type>
<tx_templavoila type="array">
<title>MODULE 2: Bleed</title>
<sample_data type="array">
<numindex index="0"></numindex>
</sample_data>
<etype>int</etype>
</tx_templavoila>
<tceforms type="array">
<config type="array">
<type>check</type>
<eval>int</eval>
<default type="integer">0</default>
</config>
<label>LLL:fileadmin/templates/core_templates/locallang.xml:fce.mod2.bleed</label>
</tceforms>
</field_module_2_bleed>
<field_module_2_frame type="array">
<type>no_map</type>
<tx_templavoila type="array">
<title>MODULE 2: Column Style</title>
<sample_data type="array">
<numindex index="0"></numindex>
</sample_data>
<etype>int</etype>
</tx_templavoila>
<tceforms type="array">
<config type="array">
<type>check</type>
<eval>int</eval>
<default type="integer">0</default>
</config>
<label>LLL:fileadmin/templates/core_templates/locallang.xml:fce.mod2.colStyle</label>
</tceforms>
</field_module_2_frame>
<field_module_3_title type="array">
<type>no_map</type>
<tx_templavoila type="array">
<title>MODULE 3: Title</title>
<sample_data type="array">
<numindex index="0"></numindex>
</sample_data>
<etype>input</etype>
<proc type="array">
<hsc type="integer">1</hsc>
</proc>
</tx_templavoila>
<tceforms type="array">
<config type="array">
<type>input</type>
<size>48</size>
<eval>trim</eval>
</config>
<label>LLL:fileadmin/templates/core_templates/locallang.xml:fce.mod3.title</label>
</tceforms>
</field_module_3_title>
<field_module_3_show_title type="array">
<type>no_map</type>
<tx_templavoila type="array">
<title>MODULE 3: Show Title</title>
<sample_data type="array">
<numindex index="0"></numindex>
</sample_data>
<etype>select</etype>
</tx_templavoila>
<tceforms type="array">
<config type="array">
<type>select</type>
<items type="array">
<numindex index="0" type="array">
<numindex index="0">LLL:fileadmin/templates/core_templates/locallang.xml:fce.selector.default</numindex>
<numindex index="1">0</numindex>
</numindex>
<numindex index="1" type="array">
<numindex index="0">LLL:fileadmin/templates/core_templates/locallang.xml:fce.selector.on</numindex>
<numindex index="1">1</numindex>
</numindex>
<numindex index="3" type="array">
<numindex index="0">LLL:fileadmin/templates/core_templates/locallang.xml:fce.selector.off</numindex>
<numindex index="1">2</numindex>
</numindex>
</items>
<default>0</default>
</config>
<label>LLL:fileadmin/templates/core_templates/locallang.xml:fce.mod3.showTitle.label</label>
</tceforms>
</field_module_3_show_title>
<field_module_3_bleed type="array">
<type>no_map</type>
<tx_templavoila type="array">
<title>MODULE 3: Bleed</title>
<sample_data type="array">
<numindex index="0"></numindex>
</sample_data>
<etype>int</etype>
</tx_templavoila>
<tceforms type="array">
<config type="array">
<type>check</type>
<eval>int</eval>
<default type="integer">0</default>
</config>
<label>LLL:fileadmin/templates/core_templates/locallang.xml:fce.mod3.bleed</label>
</tceforms>
</field_module_3_bleed>
<field_module_3_frame type="array">
<type>no_map</type>
<tx_templavoila type="array">
<title>MODULE 3: Column Style</title>
<sample_data type="array">
<numindex index="0"></numindex>
</sample_data>
<etype>int</etype>
</tx_templavoila>
<tceforms type="array">
<config type="array">
<type>check</type>
<eval>int</eval>
<default type="integer">0</default>
</config>
<label>LLL:fileadmin/templates/core_templates/locallang.xml:fce.mod3.colStyle</label>
</tceforms>
</field_module_3_frame>
<field_module_group_library type="array">
<type>no_map</type>
<tx_templavoila type="array">
<title>Module Group Library</title>
<sample_data type="array">
<numindex index="0"></numindex>
</sample_data>
<etype>TypoScriptObject</etype>
<typoscriptobjpath>moduleGroupSetup</typoscriptobjpath>
</tx_templavoila>
</field_module_group_library>
<field_module_1 type="array">
<tx_templavoila type="array">
<title>Module 1</title>
<description>Outer to first module</description>
<sample_data type="array">
<numindex index="0"></numindex>
</sample_data>
<etype>ce</etype>
<tags>div:outer</tags>
<typoscript>
<![CDATA[
10 = LOAD_REGISTER
10.moduleGroupWidth.data = register:containerWidth
10.containerWidth.data = register:moduleWidth1
10.maxImageWidth.data = register:containerWidth
10.nestingLevel = 1
10.level1ContainerWidth.data = register:moduleGroupWidth
20 = COA
20 {
stdWrap.dataWrap = <div class="moduleGroup tripleModuleGroup"><div class="{register:classModule1}" style="width:{register:moduleWidth1}px;float:left;margin-right:{register:moduleGutter}px;">|</div>
10 = TEXT
10.data = register:renderedModuleHeader1
20 = LOAD_REGISTER
20 {
containerWidth.data = register:bodyWidthMod1
maxImageWidth.data = register:containerWidth
moduleBodyTopBuffer.data = register:moduleBodyTopBuffer1
moduleBodyBottomBuffer.data = register:moduleBodyBottomBuffer1
moduleBodyLeftBuffer.data = register:moduleBodyLeftBuffer1
moduleBodyRightBuffer.data = register:moduleBodyRightBuffer1
}
30 = RECORDS
30 {
stdWrap.dataWrap = <div class="moduleBodyWrap" style="border-left-width:{register:moduleBodyWrapBorderWidth1}px;border-right-width:{register:moduleBodyWrapBorderWidth1}px;"><div class="{register:moduleBodyClass1}">|<div class="clearOnly"> </div></div></div>
source.current = 1
tables = tt_content
}
50 = TEXT
50.data = register:renderedModuleFooter1
}
60 = LOAD_REGISTER
60.containerWidth.data = register:moduleGroupWidth
60.maxImageWidth.data = register:containerWidth
]]>
</typoscript>
<oldstylecolumnnumber type="integer">0</oldstylecolumnnumber>
</tx_templavoila>
<tceforms type="array">
<config type="array">
<type>group</type>
<internal_type>db</internal_type>
<allowed>tt_content</allowed>
<size>5</size>
<maxitems>200</maxitems>
<minitems>0</minitems>
<multiple>1</multiple>
<show_thumbs>1</show_thumbs>
</config>
<label></label>
</tceforms>
</field_module_1>
<field_module_2 type="array">
<tx_templavoila type="array">
<title>Module 2</title>
<description>Outer to first module</description>
<sample_data type="array">
<numindex index="0"></numindex>
</sample_data>
<etype>ce</etype>
<tags>div:outer</tags>
<typoscript>
<![CDATA[
10 = LOAD_REGISTER
10.moduleGroupWidth.data = register:containerWidth
10.containerWidth.data = register:moduleWidth2
10.maxImageWidth.data = register:containerWidth
20 = COA
20 {
stdWrap.dataWrap = <div class="{register:classModule2}" style="width:{register:moduleWidth2}px;float:left;">|</div>
10 = TEXT
10.data = register:renderedModuleHeader2
20 = LOAD_REGISTER
20 {
containerWidth.data = register:bodyWidthMod2
maxImageWidth.data = register:containerWidth
moduleBodyTopBuffer.data = register:moduleBodyTopBuffer2
moduleBodyBottomBuffer.data = register:moduleBodyBottomBuffer2
moduleBodyLeftBuffer.data = register:moduleBodyLeftBuffer2
moduleBodyRightBuffer.data = register:moduleBodyRightBuffer2
}
30 = RECORDS
30 {
stdWrap.dataWrap = <div class="moduleBodyWrap" style="border-left-width:{register:moduleBodyWrapBorderWidth2}px;border-right-width:{register:moduleBodyWrapBorderWidth2}px;"><div class="{register:moduleBodyClass2}">|<div class="clearOnly"> </div></div></div>
source.current = 1
tables = tt_content
}
50 = TEXT
50.data = register:renderedModuleFooter2
}
60 = LOAD_REGISTER
60.containerWidth.data = register:moduleGroupWidth
60.maxImageWidth.data = register:containerWidth
]]>
</typoscript>
<oldstylecolumnnumber type="integer">0</oldstylecolumnnumber>
</tx_templavoila>
<tceforms type="array">
<config type="array">
<type>group</type>
<internal_type>db</internal_type>
<allowed>tt_content</allowed>
<size>5</size>
<maxitems>200</maxitems>
<minitems>0</minitems>
<multiple>1</multiple>
<show_thumbs>1</show_thumbs>
</config>
<label></label>
</tceforms>
</field_module_2>
<field_module_3 type="array">
<tx_templavoila type="array">
<title>Module 3</title>
<description>Outer to third module</description>
<sample_data type="array">
<numindex index="0"></numindex>
</sample_data>
<etype>ce</etype>
<tags>div:outer</tags>
<typoscript>
<![CDATA[
10 = LOAD_REGISTER
10.moduleGroupWidth.data = register:containerWidth
10.containerWidth.data = register:moduleWidth3
10.maxImageWidth.data = register:containerWidth
20 = COA
20 {
stdWrap.dataWrap = <div class="{register:classModule3}" style="width:{register:moduleWidth3}px;float:right;">|</div><div class="clearOnly"> </div></div><!-- end .tripleModuleGroup -->
10 = TEXT
10.data = register:renderedModuleHeader3
20 = LOAD_REGISTER
20 {
containerWidth.data = register:bodyWidthMod3
maxImageWidth.data = register:containerWidth
moduleBodyTopBuffer.data = register:moduleBodyTopBuffer3
moduleBodyBottomBuffer.data = register:moduleBodyBottomBuffer3
moduleBodyLeftBuffer.data = register:moduleBodyLeftBuffer3
moduleBodyRightBuffer.data = register:moduleBodyRightBuffer3
}
30 = RECORDS
30 {
stdWrap.dataWrap = <div class="moduleBodyWrap" style="border-left-width:{register:moduleBodyWrapBorderWidth3}px;border-right-width:{register:moduleBodyWrapBorderWidth3}px;"><div class="{register:moduleBodyClass3}">|<div class="clearOnly"> </div></div></div>
source.current = 1
tables = tt_content
}
50 = TEXT
50.data = register:renderedModuleFooter3
}
60 = LOAD_REGISTER
60.containerWidth.data = register:moduleGroupWidth
60.maxImageWidth.data = register:containerWidth
60.nestingLevel = 1
]]>
</typoscript>
<oldstylecolumnnumber type="integer">1</oldstylecolumnnumber>
</tx_templavoila>
<tceforms type="array">
<config type="array">
<type>group</type>
<internal_type>db</internal_type>
<allowed>tt_content</allowed>
<size>5</size>
<maxitems>200</maxitems>
<minitems>0</minitems>
<multiple>1</multiple>
<show_thumbs>1</show_thumbs>
</config>
<label></label>
</tceforms>
</field_module_3>
</el>
</root>
</t3datastructure><?xml version="1.0" encoding="utf-8"?>
Hey SPL, bin nun weiter gekommen.
Habe nun ein Template mit Feldern NOMAP eingerichtet und dann die Inhalte per TS folgenderweise ausgegeben.
Der Redakteur ist nun in der Lage selber die Breite vom Popup zu hinterlegen.
Nun habe ich ein Problem mit einem Select-Feld, das overflow - Feld wird nicht übernommen.
<![CDATA[
20 = COA
20 {
30 = RECORDS
30 {
stdWrap.dataWrap = <div class="popupcontent" style="text-align:left; padding:5px;background-color:#f3ede1; width:{field:breite}px; height:{field:hoehe}px; overflow:{field:overflow};">|</div>
source.current = 1
tables = tt_content
}
}
]]>
Das komplette XML dazu:
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<T3DataStructure>
<meta type="array">
<langDisable>1</langDisable>
</meta>
<ROOT type="array">
<tx_templavoila type="array">
<title>ROOT</title>
<description>Wählen Sie das HTML-Element der Seite, das Sie als übergeordnetes Container-Element der Vorlage möchten.</description>
</tx_templavoila>
<type>array</type>
<el type="array">
<hoehe type="array">
<type>no_map</type>
<tx_templavoila type="array">
<title>Hoehe Popup in Pixeln</title>
<sample_data type="array">
<numIndex index="0"></numIndex>
</sample_data>
<eType>input</eType>
<TypoScript></TypoScript>
<proc type="array">
<stdWrap></stdWrap>
<HSC type="integer">1</HSC>
</proc>
</tx_templavoila>
<TCEforms type="array">
<label>Hoehe Popup in Pixeln</label>
<config type="array">
<type>input</type>
<size>48</size>
<eval>trim</eval>
</config>
</TCEforms>
</hoehe>
<breite type="array">
<type>no_map</type>
<tx_templavoila type="array">
<title>Breite Popup in Pixeln</title>
<sample_data type="array">
<numIndex index="0"></numIndex>
</sample_data>
<eType>input</eType>
<TypoScript></TypoScript>
<proc type="array">
<stdWrap></stdWrap>
<HSC type="integer">1</HSC>
</proc>
</tx_templavoila>
<TCEforms type="array">
<label></label>
<config type="array">
<type>input</type>
<size>48</size>
<eval>trim</eval>
</config>
</TCEforms>
</breite>
<overflow type="array">
<type>no_map</type>
<tx_templavoila type="array">
<title>Overflow</title>
<sample_data type="array">
<numIndex index="0"></numIndex>
</sample_data>
<eType>select</eType>
<TypoScript></TypoScript>
<proc type="array">
<stdWrap></stdWrap>
</proc>
</tx_templavoila>
<TCEforms type="array">
<label>Overflow</label>
<config type="array">
<type>select</type>
<items type="array">
<numIndex index="0" type="array">
<numIndex index="0">hidden</numIndex>
<numIndex index="1">hidden</numIndex>
</numIndex>
<numIndex index="1" type="array">
<numIndex index="0">auto</numIndex>
<numIndex index="1">auto</numIndex>
</numIndex>
<numIndex index="2" type="array">
<numIndex index="0">visible</numIndex>
<numIndex index="1">visible</numIndex>
</numIndex>
<numIndex index="3" type="array">
<numIndex index="0">scroll</numIndex>
<numIndex index="1">scroll</numIndex>
</numIndex>
</items>
<default>0</default>
</config>
</TCEforms>
</overflow>
<popup type="array">
<tx_templavoila type="array">
<title></title>
<sample_data type="array">
<numIndex index="0"></numIndex>
</sample_data>
<eType>ce</eType>
<TypoScript>
<![CDATA[
20 = COA
20 {
30 = RECORDS
30 {
stdWrap.dataWrap = <div class="popupcontent" style="text-align:left; padding:5px;background-color:#f3ede1; width:{field:breite}px; height:{field:hoehe}px; overflow:{field:overflow};">|</div>
source.current = 1
tables = tt_content
}
}
]]>
</TypoScript>
<proc type="array">
<stdWrap></stdWrap>
<HSC>0</HSC>
</proc>
<oldStyleColumnNumber type="integer">0</oldStyleColumnNumber>
</tx_templavoila>
<TCEforms type="array">
<label></label>
<config type="array">
<type>group</type>
<internal_type>db</internal_type>
<allowed>tt_content</allowed>
<size>5</size>
<maxitems>200</maxitems>
<minitems>0</minitems>
<multiple>1</multiple>
<show_thumbs>1</show_thumbs>
</config>
</TCEforms>
</popup>
</el>
</ROOT>
</T3DataStructure>
Wie kann ich das Select-Feld ansteuern? Der Redakteur soll per Select-Feld den Overflow steuern können.
Gruß und Danke!