• Advertisement

  • Administrator

z-index for battery text and icon

A branch of the forum to discuss everything that is connected with Amazfit Bip

Moderator: Bip moderators

Post Reply
nishu
WF maker
Bangladesh
Posts: 7
Joined: 28 Oct 2018, 07:00
Contact:

z-index for battery text and icon

Post by nishu » 29 Oct 2018, 15:24

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.

TXK
WF maker
Posts: 47
Joined: 10 Apr 2018, 05:15
Contact:

Re: z-index for battery text and icon

Post by TXK » 30 Oct 2018, 05:12

like this?:
https://amazfitwatchfaces.com/bip/view/?id=15517

Please let the number of electrical text is transparent background.

nishu
WF maker
Bangladesh
Posts: 7
Joined: 28 Oct 2018, 07:00
Contact:

Re: z-index for battery text and icon

Post by nishu » 30 Oct 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!

nishu
WF maker
Bangladesh
Posts: 7
Joined: 28 Oct 2018, 07:00
Contact:

Re: z-index for battery text and icon

Post by nishu » 30 Oct 2018, 14:54

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.


Image

TXK
WF maker
Posts: 47
Joined: 10 Apr 2018, 05:15
Contact:

Re: z-index for battery text and icon

Post by TXK » 30 Oct 2018, 14:59

nishu wrote:
30 Oct 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.

TXK
WF maker
Posts: 47
Joined: 10 Apr 2018, 05:15
Contact:

Re: z-index for battery text and icon

Post by TXK » 30 Oct 2018, 15:55

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

nishu
WF maker
Bangladesh
Posts: 7
Joined: 28 Oct 2018, 07:00
Contact:

Re: z-index for battery text and icon

Post by nishu » 30 Oct 2018, 17:23

TXK wrote:
30 Oct 2018, 14:59
nishu wrote:
30 Oct 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!

nishu
WF maker
Bangladesh
Posts: 7
Joined: 28 Oct 2018, 07:00
Contact:

Re: z-index for battery text and icon

Post by nishu » 30 Oct 2018, 17:29

TXK wrote:
30 Oct 2018, 15:55
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
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!

mihaiolimpiu
WF maker
Romania
Posts: 1
Joined: 02 Jan 2019, 23:37
Contact:

Re: z-index for battery text and icon

Post by mihaiolimpiu » 09 Jan 2019, 22:33

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

Image

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest

  • Advertisement