TYPO3 Gridelements setup for Foundation

TYPO3 Gridelements setup for Foundation – Flexform

# FLEXFORM / Snippet with ❤ by Typoheads

<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<T3DataStructure>
	<meta>
		<langDisable>1</langDisable>
	</meta>
	<ROOT type="array">
		<type>array</type>
		<el type="array">
			<columnType type="array">
				<TCEforms type="array">
					<label>Column Type</label>
					<config type="array">
						<type>select</type>
						<items type="array">
							<numIndex index="0" type="array">
								<numIndex index="0">1:1</numIndex>
								<numIndex index="1">cols-1-1</numIndex>
							</numIndex>
							<numIndex index="1" type="array">
								<numIndex index="0">1:2</numIndex>
								<numIndex index="1">cols-1-2</numIndex>
							</numIndex>
							<numIndex index="2" type="array">
								<numIndex index="0">2:1</numIndex>
								<numIndex index="1">cols-2-1</numIndex>
							</numIndex>
							<numIndex index="3" type="array">
								<numIndex index="0">1:3</numIndex>
								<numIndex index="1">cols-1-3</numIndex>
							</numIndex>
							<numIndex index="4" type="array">
								<numIndex index="0">3:1</numIndex>
								<numIndex index="1">cols-3-1</numIndex>
							</numIndex>
						</items>
					</config>
				</TCEforms>
			</columnType>
		</el>
	</ROOT>
</T3DataStructure>

TYPO3 Gridelements setup for Foundation – Typoscript

# TYPOSCRIPT / Snippet with ❤ by Typoheads

temp.gridelements.defaultGridSetup {
	columns {
		default {
			renderObj = COA
			renderObj {
				10 = LOAD_REGISTER
				20 =< tt_content
				30 = RESTORE_REGISTER
			}
		}
	}
}

tt_content.gridelements_pi1.20.10.setup {


	0 < temp.gridelements.defaultGridSetup
	0 {
		dataWrap = <div class="row">|</div>
		columns {
			0 < .default
			0.wrap {
				cObject = CASE
				cObject {
					key.field = flexform_columnType
					default = TEXT
					default {
						dataWrap = <div class="large-6 columns">|</div>
						value = |
					}

					cols-1-2 < .default
					cols-1-2.dataWrap = <div class="large-4 columns">|</div>

					cols-2-1 < .default
					cols-2-1.dataWrap = <div class="large-8 columns">|</div>

					cols-1-3 < .default
					cols-1-3.dataWrap = <div class="large-3 columns">|</div>

					cols-3-1 < .default
					cols-3-1.dataWrap = <div class="large-9 columns">|</div>
				}

			}

			1 < .0
			1.wrap.cObject {
				default.dataWrap = <div class="large-6 columns">|</div>
				cols-1-2.dataWrap = <div class="large-8 columns">|</div>
				cols-2-1.dataWrap = <div class="large-4 columns">|</div>
				cols-1-3.dataWrap = <div class="large-9 columns">|</div>
				cols-3-1.dataWrap = <div class="large-3 columns">|</div>
			}
		}

	}
}

.datawrap isn't mandatory, you can use that way:

dataWrap = <div class="{field:flexform_css_class0}"><div class="row">|</div></div>

Hi I tried to use this example in an site with an foundation fluid-template. But I can not get it working. I think the problem is in the page_config-file. This is quit new for me so any help is appreciated.

I include your example like this:
<INCLUDE_TYPOSCRIPT: source="FILE:fileadmin/Template/gridelements/foundation_grids/setup.ts">
<INCLUDE_TYPOSCRIPT: source="FILE:fileadmin/Template/gridelements/foundation_grids/pageTSConfig.ts">

This is what I have in the pageTSConfig:

tx_gridelements.gridelements_pi1.20.10.setup {
title = foundation setup
description = foundation columns
flexformDS = FILE:fileadmin/Template/gridelements/foundation_grids/foundation_grids.xml

        config {
        colCount = 5
        rowCount = 1

            rows {
                    1 {
                      columns {
                      1 {
                      name = Column 1
                      colPos = 0
                      }
                    2 {
                      name = Column 2
                      colPos = 1
                      }
                    3 {
                      name = Column 3
                      colPos = 2
                      }
                    4 {
                      name = Column 4
                      colPos = 3
                    5 {
                      name = Column 4
                      colPos = 4
                      }
            }
            }
            }
            }
            } 
            }

No one reading this? Would be pleased with some input to get this working. The question is, how to use this grid elements set up without creating the be-columns for every grid-element. Or is that not possible? So do I need to create BE-layout for every grid anyway?