Skip to main content
PSucr.1
Associate II
May 14, 2020
Question

Problem with background on Custom containers

  • May 14, 2020
  • 7 replies
  • 1956 views

When I have a custom container for a button which is the following. (Shown in order)

TextAre - which is update able.

Image - which is transparent in the middle under the Text.

Background - dark background.

When the custom contain for a button is displayed, the area to the left and right of the TextArea is the background of the holding screen, and NOT the background of the custom container.

This happens if the text is static, or if the text is updated.

This topic has been closed for replies.

7 replies

Karan 123
Senior
May 14, 2020

Hi

Can you visualize what problem ? you are facing..

0693W000001cIAdQAM.png

0693W000001cIB7QAM.png

Please check above hope this helps...

--

Karan

PSucr.1
PSucr.1Author
Associate II
May 14, 2020

Here is the TouchGFX custom container, and the output from a screen with 4 of the custom containers.

Notice below how to the left and the right of the text on each button, how the background is the Screen's background, and

NOT the buttons background.

PSucr.1
PSucr.1Author
Associate II
May 14, 2020

0693W000001cIFEQA2.bmp

0693W000001cIEzQAM.bmp

Karan 123
Senior
May 14, 2020

Hi,

Can you change the Button Image then try again ?

0693W000001cIMZQA2.png

0693W000001cIMeQAM.png

Here is my results...

--

Karan

PSucr.1
PSucr.1Author
Associate II
May 14, 2020

My image is only a border, the internal of the border, is transparent.

So the text should appear on the imageBackground, but appears on the screens background.

Don't use a standard button, which is filled in.

PSucr.1
PSucr.1Author
Associate II
May 14, 2020

I think I understand my problem, my image was the wrong image, and is this.

Which will cause this behavior. I thought I was using another image, which is only a border, and transparent center.

0693W000001cIPEQA2.png

Karan 123
Senior
May 14, 2020

Ok Good​