Field Label on the left side

How to display field labels on the left side in ChronoForms.

Overview

The issue occurs because the CSS view is not functional on the frontend without a validated version.
Test the form in the admin area or enable the trial to apply the provided CSS styling.

un universe02 07 Apr, 2023

Dear Forum

I am looking for the solution, how to display the fieldlabel on the left side. Knows somebody how to fix it?

Many thanks for your answers
Alfred

Max_admin 29 Apr, 2023

Answer

try this code in a CSS view:


form > .field{
display:flex;
}
form > .field > label{
min-width:30%;
align-self:center;
}

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

un universe02 30 Apr, 2023

Many thanks for your answer and your help. I tried to copy your code to a custom field "css" but it do not work. Probably this is wrong (see my screenshot).

Best Regards and many thanks
Alfred

Admin Preview from Joomla:
https://kita-mamoka.intentw.ch/administrator/index.php?option=com_chronoforms7&cont=manager&chronoform=form-07apr23-1237

screenshot:
https://kita-mamoka.intentw.ch/images/Screenshot%202023-04-30%20223239_css.png

Max_admin 01 May, 2023

this is because you do not have the validated version and the CSS view is not working on the frontend.

try to test the form in the admin area, or enable the 10 days trial

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.