tt_content.gridelements_pi1.20.10.setup.uebb_bootstrap_collapsible_element {

  # Build: <div class="panel-heading">|</div>
	innerWrap.cObject = COA
	innerWrap.cObject {

		stdWrap.dataWrap = <div class="panel-heading" role="tab" id="heading-{field: uid}"><h4 class="panel-title">|</h4></div>
        wrap.insertData = 1

        /* Old V9
		10 = TEXT
		10 {
			value.field = header
			typolink {
				parameter = #collapse-{field: uid}
				parameter.insertData = 1
				# <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false/true" aria-controls="collapseOne"></a>
				#OLD: ATagParams = class="accordion-toggle" data-toggle="collapse" data-parent="#collapsible-{field: parentgrid_uid}"
				## Hinweis: Das Entfernen von data-parent ermöglicht das Öffnen aller collabsible Elemente!
				#OLD: ATagParams =  class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion-{field: parentgrid_uid}" aria-expanded="false" aria-controls="collapse-{field: uid}"
				ATagParams =  class="collapsed" role="button" data-toggle="collapse" aria-expanded="false" aria-controls="collapse-{field: uid}"
				ATagParams.insertData = 1
			}
		}
        */

        10 = TEXT
        10 {
            value.field = header
            ## Hinweis: Das Entfernen von data-parent ermöglicht das Öffnen aller collabsible Elemente!
            wrap = <a href="#collapse-{field: uid}" class="collapsed" role="button" data-toggle="collapse" aria-controls="collapse-{field: uid}" data-parent="#collapsible-{field: parentgrid_uid}">|</a>
            wrap.insertData = 1

            wrap.override = <a href="#collapse-{field: uid}" role="button" data-toggle="collapse" aria-controls="collapse-{field: uid}" data-parent="#collapsible-{field: parentgrid_uid}" aria-expanded="true">|</a>
            wrap.override.if {
                value = 1
                equals.field = flexform_active
            }
        }
	}

	# Build: <div class="panel panel-[default,primary,success,...]">|</div>
	outerWrap = <div class="panel {field: flexform_style}">|</div>
	outerWrap.insertData = 1

	# Build: <div id="collapse-[panel-uid]" class="panel-collapse collapse [in]">|</div>
	columns.0 {
		renderObj = < tt_content

		wrap.cObject = COA
		wrap.cObject {

			10 = COA
			10 {
				10 = TEXT
				10.wrap = <div id="collapse-|"
				10.field = uid

				20 = TEXT
				20.value = class="panel-collapse collapse
				20.noTrimWrap = | ||

				30 = TEXT
				30.value = in
				30.noTrimWrap = | ||
				30.if {
					value = 1
					equals.field = flexform_active
				}

				40 = TEXT
				40.value = ">
			}

			20 = TEXT
			20.value = <div class="panel-body">|</div></div>
		}

	}
}


tt_content.gridelements_pi1.20.10.setup.uebb_bootstrap_collapsible_container {
	# Wrap collapsible
	# Build: <div class="panel-group" id="collapsible-[container-uid]">|</div>
	#OLD: outerWrap = <div class="panel-group" id="collapsible-{field: uid}">|</div>
	outerWrap = <div class="panel-group" id="accordion-{field: uid}" role="tablist" aria-multiselectable="true">|</div>
	outerWrap.insertData = 1

	# Direct rendering of the collapsible elements, prevents "csc-default"-wrap
	columns.0 {
		renderObj < tt_content.gridelements_pi1
	}
}