Task #30851: Add CSS Class to special input types in FORM - TYPO3 Core - TYPO3 Forge

Actions

Copy link

Task #30851

closed

Add CSS Class to special input types in FORM

Added by Ingo Pfennigstorf about 12 years ago. Updated about 6 years ago.

Status:

Closed

Priority:

Should have

Assignee:

Patrick Broens

Category:

Frontend

Target version:

4.7.0-alpha1

Start date:

2011-10-12

Due date:

% Done:

100%

Estimated time:

TYPO3 Version:

4.7

PHP Version:

5.3

Tags:

Complexity:

Sprint Focus:

Description

With the new FORM Object all elements are nested in an ordered list.
In my case I added a hidden field. The structure is
ol
- li
- - input

(screenshot)

All li elements have a class like csc-form-2, csc-form-2

It may be not optimal to format the output properly in the frontend with li>input[:hidden] (or similar), so my suggestion is to add a class like "csc-form-2 input-hidden" to the li-element or "csc-form-2 input-textarea" depending on the following input fieldtype.

Files

Auswahl_003.jpeg (12.9 KB) Auswahl_003.jpeg

Ingo Pfennigstorf, 2011-10-12 16:25

Actions

Copy link

Updated by Ingo Pfennigstorf about 12 years ago

Actually I wanted to put it into gerrit - but it failed updating some refs. In the mean time here is my solution for sysext/form/Classes/View/Form/Element/Abstract.php - starting line 368

    /**
     * Return the id for the element wraps,
     * like <li class="csc-form-2 tx_form-hidden"> ... </li>
     *
     * @return string
     */
    public function getElementWrapId() {
        $elementId = (integer) $this->model->getElementId();
        $fieldType = $this->model->getAttributes();

        $wrapId = 'csc-form-' . $elementId;

        if (gettype($fieldType['type']) === 'object') {
            $wrapId .= ' tx_form-' . $fieldType['type']->getValue();
        }

        return $wrapId;
    }

Actions

Copy link