de | en

Text & Images

To publish text with/or images content, please choose the content element Text & Images or Images. With this content elements you have full control and it is easy to change the image size, position and it automatically insert the full meta information (title and description/caption) from the file.

Use the following configuration to have a correct and responsive output.

Position and Alignment: Above, center and Below, center will be always displayed with 100% width. The width must be 773 pixel. The other positions will be display with 50% width. This width must be 381 pixel.

Number of Columns: 1. For the special case of 2 image columns, select 2 and in Position and Alignment only Above, center or Below, center. The width must be 148 Pixel.

You can enable the checkbox "Enlarge on Click" to open the image in a modal window.

For image galleries use only the plugin Gallery.

Forms

This is an example code for a standard mailform. You can copy the following code as a starting point and use then the mailform wizard to update the form.

If you already created a form and just need a customized success message, copy only the bold code into your form code.

For the design it is important to add the class name "Large" in the form wizard.

class = Large
enctype = multipart/form-data
method = post
prefix = tx_form
confirmation = 1
postProcessor {
    1 = mail
    1 {
        recipientEmail = <your-email-address@your-domain.com>
        senderEmail = <no-reply@your-domain.com>
        subject = Contact form for your-domain.com
        messages {
            success = TEXT
            success {
                value (
                    <h3>Thank you for your message!</h3>
                    <p>
We will contact you as soon as possible.</p>
                )
            }
        }

    }
}
10 = TEXTLINE
10 {
    name = first_name
    label {
        value = First name
    }
}
20 = TEXTLINE
20 {
    name = last_name
    label {
        value = Last name
    }
}
30 = TEXTLINE
30 {
    name = email
    label {
        value = Email address
    }
}
40 = TEXTLINE
40 {
    name = phone
    label {
        value = Phone
    }
}
50 = TEXTAREA
50 {
    cols = 40
    rows = 5
    name = message
    label {
        value = Message
    }
}
60 = SUBMIT
60 {
    name = 7
    value = Send
}
rules {
    1 = required
    1 {
        breakOnError = 0
        showMessage = 1
        message = *
        error = Please enter your first name!
        element = first_name
    }
    2 = required
    2 {
        breakOnError = 0
        showMessage = 1
        message = *
        error =
Please enter your last name!
        element = last_name
    }
    3 = email
    3 {
        breakOnError = 0
        showMessage = 1
        message = *
        error =
Please enter a valid email address!
        element = email
    }
    4 = required
    4 {
        breakOnError = 0
        showMessage = 1
        message = *
        error =
Please enter your message!
        element = message
    }
}