Commit graph

18 commits

Author SHA1 Message Date
ChristofK
c4847590ad
Add features and layout customization options and update README documentation
This commit adds several new layout customization features to the QR code label generator:

- Added support for vertical and horizontal offset in mm to shift the entire label grid
- Added adjustable label height (in mm) for better compatibility with various printers
- Added content scale (%), allowing QR code and text size to be fine-tuned
- Introduced a "Show Border" toggle to display label borders for alignment and calibration

These options allow precise tuning of the print layout for Avery L4731REV-25 sheets, improving print accuracy across different printers and paper feeds.

The README file was also updated to reflect the new functionality under the "Features" section, and the overall project description was improved for clarity.
2025-07-16 18:45:30 +02:00
ChristofK
7e7e3b3414
Add layout adjustment options: vertical/horizontal offset, label height, and scale.
This commit adds several new customization options to improve label alignment and output quality when printing QR code labels:

- Introduced vertical and horizontal offset inputs to shift the entire label grid for fine alignment.
- Added label height input to adjust the height of each individual label in millimeters.
- Added content scale input to resize the entire label content (QR code and text).

Also updated the UI to include explanatory text for each of these parameters, and added a summary paragraph to the main instructions describing how each setting affects the layout.
2025-07-16 18:40:02 +02:00
Tobias L. Maier
d18719cc26
Merge pull request #5 from jdelker/main
fixed margings
2024-05-02 01:16:09 +02:00
Joerg Delker
12fedfe987 fixed margings 2024-04-30 23:15:35 +02:00
Tobias Ludwig Maier
fc8fc173b7 Iteration 2 for #4 2024-04-25 00:19:44 +02:00
Tobias Ludwig Maier
3878e691a4 Fix wdith & hight of list item due to box model #4 2024-04-25 00:09:58 +02:00
Tobias Ludwig Maier
7aeeba0167 Format code with prettier 2024-01-22 10:53:31 +01:00
Tobias L. Maier
ccc93f6144
Merge pull request #2 from LogMull/main
Replaced QR code API call
2024-01-22 10:51:42 +01:00
LogMull
37c6ea8675
Use encodeURIComponent for API call as suggested. 2024-01-17 20:25:14 -05:00
LogMull
a0c7b1c37f
Replaced QR code API call
Previous API was deprecated (see https://developers.google.com/chart/infographics/docs/qr_codes) and is being turned off for random intervals (see https://groups.google.com/g/google-visualization-api/c/Pzzya6ed14g?pli=1). Replaced with a new API to generate QR Codes
2024-01-14 14:23:08 -05:00
Tobias Ludwig Maier
eb1d4fb197 Set text size more dynamically
I am happy to learn of a CSS/TailwindCSS approach to make it even more dynamic
2023-12-28 23:37:04 +01:00
Tobias Ludwig Maier
a55fd71ec4 Improve form
- submit should re-generate the labels
- The input fields are required. This seem to not really have the desired effect, but we leave it
2023-12-28 23:10:11 +01:00
Tobias Ludwig Maier
87516406f9 Improve sizing of list items
- border and padding are now also in Millimeters
- The border is now bi-color and alternating
2023-12-28 23:01:54 +01:00
Tobias Ludwig Maier
d97d521d57 Elaborate on the limitations in the README 2023-12-28 22:43:57 +01:00
Tobias Ludwig Maier
60f06cf1e8 Document limitation 2023-12-28 22:36:40 +01:00
Tobias Ludwig Maier
15612319bb Center labels in preview using container and mx-auto 2023-12-28 22:23:25 +01:00
Tobias Ludwig Maier
18221828a9 Add index.html and README 2023-12-27 23:38:26 +01:00
Tobias L. Maier
b5fae776fa
Initial commit 2023-12-27 23:02:33 +01:00