Page 1 of 1

Width of Captcha in a form

Posted: Sat Aug 21, 2021 8:40 am
by BazzaBoy
Please see: https://petertheapostle.org/contact.php on a large screen (not phone).

I have a contact form inside a Layout Grid. The Captcha is 5 characters long, but the input field stretches quite a bit. So, the whole thing looks a bit ugly.

Is there any way of shortening the Captcha input field when it is inside a grid?

I have tried adding a cell to the grid. That works OK when all the cells are in a line, but as soon as the grid breaks at 768 breakpoint, it looks ugly all over again. Same thing happens when I change the ratio of the cells 10:2.

Unfortunately, there is a facility to control the width of the Captcha, but that only controls the width of the image, not the input field.

Any help/advice appreciated. Thanks.

Re: Width of Captcha in a form

Posted: Sat Aug 21, 2021 9:57 am
by Pablo
If you set the 'full width' property to 'false' then the inputbox will not stretch.

Re: Width of Captcha in a form

Posted: Sat Aug 21, 2021 10:45 pm
by BazzaBoy
I tried to locate the "full width" attribute in the Captcha element properties, but can't see one.

There is a "width" attribute that is set to 150, but that affects the picture, not the input field.

Am I missing something?

Re: Width of Captcha in a form

Posted: Sun Aug 22, 2021 6:58 am
by Pablo
The width of the editable is determined by the width of total width of the object minus the image width.
The 'full width' property can be found in the property inspector.

Re: Width of Captcha in a form

Posted: Sun Aug 22, 2021 7:50 am
by BazzaBoy
Oh yes, I see it now. Up to now, I was just right-clicking on it and seeing the properties. I did not know that the properties inspector had extra adjustments.

Thanks mate. Problem solved.