multiple fields per row in v8

Set field width and arrange multiple fields per row in ChronoForms v8.

Overview

In CF v8, fields default to full row width, making custom layouts difficult.
Use the "multi field area" for side-by-side fields, or apply custom CSS classes via the "Field class" behavior to control individual widths. Alternatively, utilize the Grid area for advanced layout customization.

Answered
Sa Sandev 24 Sep, 2023
Hi Max,

I'm running a V8. I installed version 8.0.13 today
I can't figure out how to set the size of the text box /width/.
All my fields come out with a width equal to the whole row.

Greetings
Hristo Sandev - Bulgaria
Max_admin Max_admin 25 Sep, 2023
Answer

if you need multiple fields on the same row then use the "multi field area", but if you need to just change the field size then use the "Field class" behavior, add a custom class to the field container and style it in a CSS view:

.custom_class{width:50%}

You may also use the Grid area to customize the fields width

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
This topic is locked and no more replies can be posted.