How to change width of various fields of Form

[Manishkparmar80]

I want to reduce width of Number field and Date field of form. how to do it ?

I tried to set field width under field design --> size --> width but no effect.

[Manishkparmar80]

@shogunpurple can you pls. guide.

[Manishkparmar80]

@shogunpurple I had set display property of field to flex and then tried setting up width. if i set width = 0 then it becoming too small and if i set size anything above 0 (e.g. 0.1) then it become full width. it is not allowing to set in-between width.

[shogunpurple]

Try setting a pixel width, like 50px. I just tried this in the builder and it works as expected.

[Manishkparmar80]

yes it is working now as expected. thanks

[Manishkparmar80]

@shogunpurple i tried to resize attachment field. Width and height is getting set as per pixel but still attachment field is not getting reduced equally. it is occupying bigger area of form,

[aptkingston]

@Manishkparmar80 you should put your fields inside a FieldGroup component - they are designed to work much better this way. Then in order to resize them you only need to change the width of the FieldGroup component itself.