Task #68646: Outer Layout for FORM mails cannot be changed - TYPO3 Core - TYPO3 Forge

Actions

Copy link

Task #68646

closed

Epic #69955: Optimize new Extbase/ Fluid based rewrite of EXT:form

Outer Layout for FORM mails cannot be changed

Added by Dennis Schubert over 8 years ago. Updated over 8 years ago.

Status:

Closed

Priority:

Should have

Assignee:

Category:

Form Framework

Target version:

7 LTS

Start date:

Due date:

% Done:

100%

Estimated time:

TYPO3 Version:

PHP Version:

Tags:

Complexity:

Sprint Focus:

Description

I'm using the FORM cObject provided by the form sysext and trying to change the outer layout, i.e. this source:

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>
    <body>
        <table cellspacing="0">
            <containerWrap />
        </table>
    </body>
</html>

I found elementWrap and other TYPOScript configurations, but apparently it is not possible to change the above code.

Actions

Copy link

Updated by Björn Jacob over 8 years ago

Category set to Form Framework
Status changed from New to Needs Feedback
Assignee set to Dennis Schubert

Could you please provide a desired output, i.e. what do you want to change/ achieve?

Thx, Björn

Actions

Copy link

Updated by Dennis Schubert over 8 years ago

I'd like to remove the table and replace it by a div, for example.

Actions

Copy link

Updated by Alexander Opitz over 8 years ago

Status changed from Needs Feedback to New
Assignee deleted (~~Dennis Schubert~~)

Actions

Copy link

Updated by Ralf Zimmermann over 8 years ago

Could you please provide the typoscript you use?

Actions

Copy link

Updated by Dennis Schubert over 8 years ago

tt_content.mailform.20 {
    stdWrap.wrap = <div class="formContainerWrap"><div class="formContainer container-fluid">|</div></div>

    layout {
        elementWrap (
            <div class="form-group row">
                <div class="col-xs-12">
                    <element />
                </div>
            </div>
        )

        error (
            <span class="text-danger pull-right">
                <errorvalue />
            </span>
        )
        textline (
            <label />
            <input class="form-control" />
        )

        textarea (
            <label />
            <textarea class="form-control" />
        )

        select (
            <label />
            <select class="form-control">
                <elements />
            </select>
        )
    }
}

Backend configuration:

enctype = multipart/form-data
method = post
prefix = tx_form
confirmation = 0
postProcessor {
    1 = mail
    1 {
        recipientEmail = foo@example.com
        senderEmailField = E-Mail
        senderNameField = Nachname
        subject = Kontaktanfrage von Website
        messages {
            success = <div class="contentElementContainer container-fluid"><p class="sectionIntro">Ihre Anfrage wurde erfolgreich versandt.</p></div>
        }
    }
}

HTML of sent emails:

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
        <table cellspacing="0">
            <tbody>
                <div class="csc-form-2 csc-form-element csc-form-element-select">
                    <div class="col-xs-12">
                        ...
                    </div>
                </div>

                ...
            </tbody>
        </table>
    </body>
</html>

and it seems to be impossible to remove the table.

Actions

Copy link

Updated by Björn Jacob over 8 years ago

Parent task set to #69036

Actions

Copy link

Updated by Ralf Zimmermann over 8 years ago

Assignee set to Dennis Schubert

Is is possible to change the html wrap with the property "html"

prefix = tx_form

postProcessor {
    layout {
        html (
            <div class="htmlWrap"><containerWrap /></div>
        )

        containerWrap (
            <div class="containerWrap"><elements /></div>
        )

        elementWrap (
            <div><element /></div>
        )

        textline (
          <label />
          <inputvalue />
        )
    }

    1 = mail
    1 {
        recipientEmail = test@example.com
        senderEmail = test@example.com
    }
}

10 = TEXTLINE
10 {
    name = 2
    label.value = Edit this label
}

20 = SUBMIT
20 {
    name = 3
    value = Submit form
}

This Typoscript results in a Mail like this

<div class="htmlWrap">
  <div class="containerWrap">
    <div class="csc-form-2 csc-form-element csc-form-element-textline">
      <em>Edit this label</em>test</div>
  </div>
</div>

@Björn: documentation required?

Actions

Copy link