diff --git a/packages/ep_theme/Configuration/TypoScript/Extensions/Form.typoscript b/packages/ep_theme/Configuration/TypoScript/Extensions/Form.typoscript index 7a5ed25..0db0536 100644 --- a/packages/ep_theme/Configuration/TypoScript/Extensions/Form.typoscript +++ b/packages/ep_theme/Configuration/TypoScript/Extensions/Form.typoscript @@ -4,6 +4,8 @@ plugin.tx_form.view { templateRootPaths.10 = EXT:ep_theme/Resources/Private/Templates/Form/ + # Spinner.html for Render.html + partialRootPaths.10 = EXT:ep_theme/Resources/Private/Partials/Form/ } plugin.tx_form.settings.yamlConfigurations { diff --git a/packages/ep_theme/Configuration/TypoScript/Page/Form.typoscript b/packages/ep_theme/Configuration/TypoScript/Page/Form.typoscript index 857250d..4e16ec1 100644 --- a/packages/ep_theme/Configuration/TypoScript/Page/Form.typoscript +++ b/packages/ep_theme/Configuration/TypoScript/Page/Form.typoscript @@ -15,21 +15,15 @@ tx_eptheme_form { debug = 0 } - 10 = FLUIDTEMPLATE + 10 = CONTENT 10 { - templateName = Island - templateRootPaths.0 = EXT:ep_theme/Resources/Private/Templates/Form/ - partialRootPaths.0 = EXT:ep_theme/Resources/Private/Partials/ - - variables.forms = CONTENT - variables.forms { - table = tt_content - select { - where = {#CType} = 'form_formframework' - orderBy = sorting - } - # Only the plugin (Templates/Form/Render.html): header and frame stay on the static page - renderObj =< tt_content.form_formframework.20 + table = tt_content + select { + where = {#CType} = 'form_formframework' + orderBy = sorting } + # Only the plugin (Templates/Form/Render.html, a .form-island): header and frame stay on + # the static page + renderObj =< tt_content.form_formframework.20 } } diff --git a/packages/ep_theme/Resources/Private/Templates/Form/Island.html b/packages/ep_theme/Resources/Private/Templates/Form/Island.html deleted file mode 100644 index d4a4ab0..0000000 --- a/packages/ep_theme/Resources/Private/Templates/Form/Island.html +++ /dev/null @@ -1,25 +0,0 @@ - - - The forms of a page as the form page type (/path/form) returns them: htmx swaps this element as - a whole (see Form.html). While a request runs, htmx sets htmx-request on it and the overlay - covers the form. Styled here and not in the theme build: the static pages around the island - load the CSS of the TYPO3 10 export. The spinner takes the button colour of each theme. - -
- {forms -> f:format.raw()} - - -
- diff --git a/packages/ep_theme/Resources/Private/Templates/Form/Render.html b/packages/ep_theme/Resources/Private/Templates/Form/Render.html index cf636c9..73d4b8b 100644 --- a/packages/ep_theme/Resources/Private/Templates/Form/Render.html +++ b/packages/ep_theme/Resources/Private/Templates/Form/Render.html @@ -1,10 +1,31 @@ - + + Every form sits in a .form-island, on pages TYPO3 13 renders as well as in the form page type + (/path/form) that the static pages load: the form posts there, and htmx swaps the island as a + whole (see Form.html). While a request runs, htmx sets htmx-request on it and the overlay + covers the form. Styled here and not in the theme build: the static pages around the island + load the CSS of the TYPO3 10 export. The spinner takes the button colour of each theme. + +
- + + +