Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Icons padding in Widget UI? #2

Open
diegopamio opened this issue Oct 19, 2022 · 1 comment
Open

Icons padding in Widget UI? #2

diegopamio opened this issue Oct 19, 2022 · 1 comment

Comments

@diegopamio
Copy link

Is there any way to define additional padding over the icons in the Widget UI buttons? I love Widget UI but the icons touching the borders of the background circle is so awful and my ODC doesn't allow me to let that pass.

@krizkontrolz
Copy link
Owner

krizkontrolz commented Oct 28, 2022

Given the small size of the screen, I made a few trade-offs in aesthetics for legibility of icons etc.
The icons are all in a pair of images (for highlighted & unhighlighted versions) in the HMI file and all originally created in an SVG file (as shown in the icon index here). So if you are happy editing vector graphics you can replace any of the images in the Nextion HMI editor to reskin any/all of the components as you wish.

I thought I had already uploaded the HMI and SVG files for Widget UI, but see I haven't yet (because version control with future releases is hard to maintain in HMI files if you start customising the code).
But, if you are interested in customizing your graphics, I'm happy to share the source files for you to do so (just reply here).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants