Usage: field postioning

Rob's Avatar

Rob

14 Jul, 2020 11:04 AM

Product: Tao Contao
Contao Version: 4.4.46
Browser and version: Chrome

Dear reader,
How can I reposition the fields from a form. I mean row-column postions.
My forms are created with the form generator and with Catalog-Manager from Alexander Naumov.
In my view it should work with CSS changes. What Rocksolidthemes tool should I use?

I can't find the TAO stylesheet in the CSS editor, how can I add the TAO stylesheet?

Hope you have some documentation on this.

Thanks in advance,
Rob VIs

  1. Support Staff 1 Posted by RockSolid Theme... on 15 Jul, 2020 06:32 AM

    RockSolid Themes's Avatar

    Thank you for submitting your question!

    For forms in the theme Tao you can put the following CSS code into the file files/tao/css/custom.css to position the fields next to the labels.

    .main-content form .widget {
        display: flex;
    }
    .main-content form .widget label {
        width: 25%;
    }
    

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac