TYPO3-Testaccount
Testen Sie die aktuellste TYPO3-Version kostenlos und unverbindlich für einen Monat!

Jetzt testen!

Schulungen

jetzt buchen
Forum » Module, Erweiterungen und Applikationen » TemplaVoila

Mehrere CSS - Style - Attribute mappen in TV


Autor Nachricht
Verfasst am: 18. 02. 2010 [15:30]
sichmann
Themenersteller
Dabei seit: 04.01.2009
Beiträge: 68
 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
<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ß
Profil
Verfasst am: 19. 02. 2010 [17:38]
spL
Dabei seit: 27.07.2006
Beiträge: 242
 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:

TYPOSCRIPT
10 = TEXT
	10.insertData = 1 
	10.value = {field:field_select}


Und fertig ist die Laube icon_wink.gif
Profil
Verfasst am: 06. 03. 2010 [12:27]
sichmann
Themenersteller
Dabei seit: 04.01.2009
Beiträge: 68
 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:

HTML
<div class="module module-1" style="width: 286px; float: left; margin-right: 20px;">
              <h3 class="moduleHeader moduleHeaderNoTitle"><span class="moduleHeaderInnerWrap">&nbsp;</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">&nbsp;</div>
                </div>
              </div>
              <div class="moduleFooter"><span>&nbsp;</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!

[Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 07.03.2010 um 09:20.]
Profil
Verfasst am: 08. 03. 2010 [14:40]
spL
Dabei seit: 27.07.2006
Beiträge: 242
 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
<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!
Profil
Verfasst am: 11. 03. 2010 [15:04]
spL
Dabei seit: 27.07.2006
Beiträge: 242
 hat geklappt? gelöst?
Profil
Verfasst am: 11. 03. 2010 [16:37]
sichmann
Themenersteller
Dabei seit: 04.01.2009
Beiträge: 68
 Bin noch nicht dazu gekommen. Schaue mir im Zusammenhang z.Z. das Templavoila Framework an. 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:
TYPOSCRIPT
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:
HTML
<?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<img src="typo3conf/ext/mm_forum//res/smilies/icon_eek.gif" alt="icon_eek.gif" />uter</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">
						Profil
Verfasst am: 30. 03. 2010 [13:48]
sichmann
Themenersteller
Dabei seit: 04.01.2009
Beiträge: 68
 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.


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<img src="typo3conf/ext/mm_forum//res/smilies/icon_eek.gif" alt="icon_eek.gif" />verflow};">|</div>
		source.current = 1
		tables = tt_content
	}
 
}
 
]]>



Das komplette XML dazu:

TYPOSCRIPT
<?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<img src="typo3conf/ext/mm_forum//res/smilies/icon_eek.gif" alt="icon_eek.gif" />verflow};">|</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!
Profil