Q: How to customize ZC form field positions and style as required.

Q: How to customize ZC form field positions and style as required.

1. I am trying to develop an application whose one of the form would be like:


2. I set the form as Two column wide. Lower section contains the sub-form which may be extended many many lines as more and more product variation is added.
3. Accordingly this form may need to be extended multiple screen down, which means Submit button will be placed in a place which will not be convenient and user friendly.
4. Unlike ZC default CSS settings, to make the application more user friendly I want to customize the layout(UI) as follows ;
  • specified PX (e.g. 50px) gap between two columns,
  • specified px vertical gap between fields,
  • change font, style, border, background etc. as required.
  • put sub-form below the mainform extending along the two columns of the main form
5. I know the use of CSS how to do it. But don't know how to do it in ZC and where to code it.

Can someone please give me some idea how and from where to start it?

Regards,

Mollah Ibrahim
Oscillosoft Pty Ltd
M: +61 430 029 925