Pagina 1 di 1
z-index for battery text and icon
Inviato: 29 ott 2018, 15:24
da nishu
Hello,
Greetings from Bangladesh!
Is it possible to assign z-index value to battery text and icon so that I can place them both in same location and control which one to come above and vice-versa?
I'm trying to put percentage value above the icon but it gets behind and thus becomes invisible.
I want the battery icon to become red if percentage is low, and making the icon transparent in the text area won't look good.
Thanks in advance.
Re: z-index for battery text and icon
Inviato: 30 ott 2018, 05:12
da TXK
like this?:
https://amazfitwatchfaces.com/bip/view/?id=15517
Please let the number of electrical text is transparent background.
Re: z-index for battery text and icon
Inviato: 30 ott 2018, 14:18
da nishu
Hi,
Thank you very much for your replay!
But as I've mentioned, making the icon transparent in the text area is not the solution I'm looking for!
Re: z-index for battery text and icon
Inviato: 30 ott 2018, 14:54
da nishu
I haven't figured it out the whole thing yet, but i'm attaching the idea here.
It's not totally done, so the numbers might not be aligned properly and the coloring might have some problems,
I know the design is a bit unusual, but I'm trying to be different here.
my setup is #1. (I know I don't need full 3 digits for 100% but whatever)
It will be #2 when 40%.
But if it goes 10% or lower, blue back will be red (#3).
Since I can't put the text above the image, I tried to cut of the text area and put the blue dots in the main background of the watch face.
It worked perfectly with blue background, until it becomes red (#4).
I tried #5, but, eh, not quite happy with the outcome.
So I've settled for #6 now, but any suggestions are welcome. And It'd be great if it is possible to make it like #3.

Re: z-index for battery text and icon
Inviato: 30 ott 2018, 14:59
da TXK
nishu ha scritto: 30 ott 2018, 14:18
Hi,
Thank you very much for your replay!
But as I've mentioned, making the icon transparent in the text area is not the solution I'm looking for!
My English is not good.
I can't understand your meaning well, I'm sorry.
Re: z-index for battery text and icon
Inviato: 30 ott 2018, 15:55
da TXK
1、It seems that we can not change the number of layers.
2、I made an experiment, it seems to be able to show, but there are some small BUG..
https://amazfitwatchfaces.com/bip/view/?id=15539
Re: z-index for battery text and icon
Inviato: 30 ott 2018, 17:23
da nishu
TXK ha scritto: 30 ott 2018, 14:59
nishu ha scritto: 30 ott 2018, 14:18
Hi,
Thank you very much for your replay!
But as I've mentioned, making the icon transparent in the text area is not the solution I'm looking for!
My English is not good.
I can't understand your meaning well, I'm sorry.
Hello again,
Please no need to be sorry! It's quite ok. English is not my 1st language too!
Re: z-index for battery text and icon
Inviato: 30 ott 2018, 17:29
da nishu
TXK ha scritto: 30 ott 2018, 15:55
Hello,
Thank you again for your reply! And I really appreciate your time and effort on this issue!
Looks like your solution is similar to the #4 of my previously posted image. It's a pity there's no workaround on this.
By the way, I see you have made quite a good number of watch faces! Great work I must say! Keep up the good work! Cheers!
Re: z-index for battery text and icon
Inviato: 09 gen 2019, 22:33
da mihaiolimpiu
Not what you wanted, but I've did a "mesh" overlay, on the watch it works quite beautiful.
https://amazfitwatchfaces.com/bip/view/?id=18500
