James
KPCKevin Powell - Community
•Created by James on 1/10/2024 in #front-end
width of container for creating an 8.5 x 11 form
It’s not as complicated as it sounds. The form information is a required by an agency for certification. They provide a sample as a guideline. We have an excel sheet that we use currently to create the form and provide some validation. The process is being replaced by an angular app to provide a better user experience and to bring the process in line with other workflows.
We are using multiple input forms for data entry. These can operate as a wizard or can be opening through a sidebar menu or by clicking on a section of the displayed complete form. As the user moves through the entry forms the data is displayed on the form being created. The grid has 19 columns and 52 rows. My question is , is there an optimum width and font size for creating an html document that will later be used to print on a letter size 8.5 x 11 sheet.
We are using multiple input forms for data entry. These can operate as a wizard or can be opening through a sidebar menu or by clicking on a section of the displayed complete form. As the user moves through the entry forms the data is displayed on the form being created. The grid has 19 columns and 52 rows. My question is , is there an optimum width and font size for creating an html document that will later be used to print on a letter size 8.5 x 11 sheet.
49 replies
KPCKevin Powell - Community
•Created by James on 1/10/2024 in #front-end
width of container for creating an 8.5 x 11 form
No, the form is part of the ui for the app. We create the pdf with our angular code
49 replies
KPCKevin Powell - Community
•Created by James on 1/10/2024 in #front-end
width of container for creating an 8.5 x 11 form
We may resort to having a printable layout as well. We have done that with other apps
49 replies
KPCKevin Powell - Community
•Created by James on 1/10/2024 in #front-end
width of container for creating an 8.5 x 11 form
The grid is 19 columns by 52 rows. I was usually f rem as my units to allow the user to zoom the form
49 replies
KPCKevin Powell - Community
•Created by James on 1/10/2024 in #front-end
width of container for creating an 8.5 x 11 form
I set the margins to .5 in
49 replies
KPCKevin Powell - Community
•Created by James on 1/10/2024 in #front-end
width of container for creating an 8.5 x 11 form
Thanks. I’ll keep looking.
49 replies
KPCKevin Powell - Community
•Created by James on 1/10/2024 in #front-end
width of container for creating an 8.5 x 11 form
The input screens can be run in order as a widget or the user can click on an area of the created form to display the related input form
49 replies
KPCKevin Powell - Community
•Created by James on 1/10/2024 in #front-end
width of container for creating an 8.5 x 11 form
I converted the excel form layout to html to get an idea of the sizing. It created a width of 840 pixels. I had set mine originally to 720. I just wondered if there was a suggested width and font
49 replies
KPCKevin Powell - Community
•Created by James on 1/10/2024 in #front-end
width of container for creating an 8.5 x 11 form
Yes there are several lookup tables and dependencies for validation
49 replies
KPCKevin Powell - Community
•Created by James on 1/10/2024 in #front-end
width of container for creating an 8.5 x 11 form
That’s why we are creating the app. 🙂
49 replies
KPCKevin Powell - Community
•Created by James on 1/10/2024 in #front-end
width of container for creating an 8.5 x 11 form
No, there are 8 input forms that are used to collect the data that is required on the document being created. There are about 50 fields that are required on the form
49 replies
KPCKevin Powell - Community
•Created by James on 1/10/2024 in #front-end
width of container for creating an 8.5 x 11 form
The data is also being saved to a data management system.
49 replies
KPCKevin Powell - Community
•Created by James on 1/10/2024 in #front-end
width of container for creating an 8.5 x 11 form
The completed form is displayed in an angular app where several input dialog forms are used for data entry. There is a lot of interaction with the input data . The validated data is displayed in the form that is being created. It is then exported as a pdf
49 replies