the width of a field

How to adjust the width of a field in ChronoForms 8.

Overview

The issue arises because the method for setting field width differs from ChronoForms 7.
Use the 'Field class' behavior in the field settings to add a custom CSS class, then define the width for that class in the CSS view.

Pk Pkoll 09 Apr, 2024

Hello Max,

In chronoforms 7 you can change the width of a field. How can I do that in chronoforms 8.

Please help

Greetings Paul

Max_admin 11 Apr, 2024

Hi Paul

What are you trying to do ? multiple fields on the same row or custom field width ?

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

Pk Pkoll 11 Apr, 2024

Hello Max,

I tried both, but I didn't succeed. Can you give a solution.

In CF7 it wasn't a problem.

Paul

Max_admin 12 Apr, 2024

Answer

For multi field per row you can use the "Multi field" area

For custom width you can use the "Field class" behavior in the field settings, add your own custom class (example: tight_field), then use the CSS view to style that class:

.tight_field{
max-width:50%;
}

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.

Pk Pkoll 12 Apr, 2024

1 Likes

Hello Max,

I used 'width:50%' but max-width is the solution. Thanks it works!

Greetings

Paul

This topic is locked and no more replies can be posted.