silverstripe-framework/templates/SilverStripe/Forms/TabSet.ss

<div $getAttributesHTML("class") class="ss-tabset $extraClass">
	<ul>
	<% loop $Tabs %>
		<li class="$FirstLast $MiddleString $extraClass">
		  <a href="#$id" id="tab-$id" class="nav-link">$Title</a>
		</li>
	<% end_loop %>
	</ul>

	<div>
	<% loop $Tabs %>
		<% if $Tabs %>
			$FieldHolder
		<% else %>
			<div $AttributesHTML>
				<% loop $Fields %>
					$FieldHolder
				<% end_loop %>
			</div>
		<% end_if %>
	<% end_loop %>
	</div>
</div>
BUG Remove .ss-tabset class from CMS tabs to prevent rogue ajax load (#7980) The existence of .ss-tabset triggers JS which applies $.tabs(), and in turn interprets the first available link as the tab navigation. jQuery UI subsequently tries to ajax-load this link, which is not desired. Instead, $.tabs() should only be applied to a container DOM element with .cms-tabset applied. 2012-10-31 15:57:48 +01:00			`<div $getAttributesHTML("class") class="ss-tabset $extraClass">`
ENHANCEMENT Using jQuery UI tabs in TabSet form field. Using custom javascript to ensure sizing of tabs within layout-managed containers. API CHANGE Changed CSS-class in TabSet template from "tabstrip" to "ss-tabset". git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/sapphire/trunk@92477 467b73ca-7a2a-4603-9d3b-597d59a354a9 2009-11-21 03:22:33 +01:00			`<ul>`
Updated loop/if/with to be more consistent 2013-07-13 13:00:46 +02:00			`<% loop $Tabs %>`
Tabs support in new file/image editor Introducing <Tabs> component based on react-bootstrap Better support for nested fields in FormBuilder Tweaks to get FormBuilder working with frameworktest BasicFieldsPage fields Added exception in FormBuilder when Component is defined but not found Added check in SingleSelectField for empty value before adding one in Added temporary workaround for CompositeFields with no name (another story to address the actual problem) Added asset_preview_height for File image preview, matches the defined CSS max-height Added documentation to DBFile::PreviewLink() method 2016-09-07 05:35:47 +02:00			`<li class="$FirstLast $MiddleString $extraClass">`
			`<a href="#$id" id="tab-$id" class="nav-link">$Title</a>`
			`</li>`
MINOR Fixing use of <% control %> with <% with %> or <% loop %> as necessary. 2012-05-11 03:49:20 +02:00			`<% end_loop %>`
Moved Sapphire module to open source path git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/sapphire/trunk@39001 467b73ca-7a2a-4603-9d3b-597d59a354a9 2007-07-19 12:40:28 +02:00			`</ul>`
ENHANCEMENT Using jQuery UI tabs in TabSet form field. Using custom javascript to ensure sizing of tabs within layout-managed containers. API CHANGE Changed CSS-class in TabSet template from "tabstrip" to "ss-tabset". git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/sapphire/trunk@92477 467b73ca-7a2a-4603-9d3b-597d59a354a9 2009-11-21 03:22:33 +01:00
Tabs support in new file/image editor Introducing <Tabs> component based on react-bootstrap Better support for nested fields in FormBuilder Tweaks to get FormBuilder working with frameworktest BasicFieldsPage fields Added exception in FormBuilder when Component is defined but not found Added check in SingleSelectField for empty value before adding one in Added temporary workaround for CompositeFields with no name (another story to address the actual problem) Added asset_preview_height for File image preview, matches the defined CSS max-height Added documentation to DBFile::PreviewLink() method 2016-09-07 05:35:47 +02:00			`<div>`
Updated loop/if/with to be more consistent 2013-07-13 13:00:46 +02:00			`<% loop $Tabs %>`
			`<% if $Tabs %>`
MINOR: Fixed nested tab styling. * Added and styled border below nested tabs. * Fixed duplicate nested tabset divs being created. 2012-06-12 16:43:04 +02:00			`$FieldHolder`
			`<% else %>`
			`<div $AttributesHTML>`
Updated loop/if/with to be more consistent 2013-07-13 13:00:46 +02:00			`<% loop $Fields %>`
MINOR: Fixed nested tab styling. * Added and styled border below nested tabs. * Fixed duplicate nested tabset divs being created. 2012-06-12 16:43:04 +02:00			`$FieldHolder`
			`<% end_loop %>`
			`</div>`
			`<% end_if %>`
MINOR Fixing use of <% control %> with <% with %> or <% loop %> as necessary. 2012-05-11 03:49:20 +02:00			`<% end_loop %>`
Tabs support in new file/image editor Introducing <Tabs> component based on react-bootstrap Better support for nested fields in FormBuilder Tweaks to get FormBuilder working with frameworktest BasicFieldsPage fields Added exception in FormBuilder when Component is defined but not found Added check in SingleSelectField for empty value before adding one in Added temporary workaround for CompositeFields with no name (another story to address the actual problem) Added asset_preview_height for File image preview, matches the defined CSS max-height Added documentation to DBFile::PreviewLink() method 2016-09-07 05:35:47 +02:00			`</div>`
MINOR Fixing use of <% control %> with <% with %> or <% loop %> as necessary. 2012-05-11 03:49:20 +02:00			`</div>`