Bug 5904

Problems with transparent background for toolbar icons with "ToolbarItemDown" enabled and no "ToolbarItemDownName" defined 13 April, 2021

Constantin Bergatt
19 January, 2021
Product: PowerBuilder Category: Controls & UI
Version: 2019 R2 Build: 2353
Classification: Publishing: Public
Priority: P3
Status: Verifying Reason:
Communication Status: Waiting for Appeon
Ken Guo @Appeon 02 April, 2021
#9
Hi Constantin,

Thank you for your feedback, we are still analyzing this issue, and if there is progress, we will let you know.

Regards,
Ken
Constantin Bergatt 22 January, 2021
#8
Hi Ken,

many thanks for your Reply!

I can confirm that the described behavior can be repeatedly reproduced on our server environments (that's where we initially did find the issue) and also the workstations of my colleagues.

Wherever I deploy a set of binaries of our application, where the ressource folder is not available (we use a network share mapped as drive "R:\" to all development machines, when developing as well as building our application). This "ressource" share is not available on our server environments, as all required icons, etc. should be contained within the deployed binaries. And here the original issue was perceived. I can recreate the issue on my local machine, by running the created binaries on my local machine, while disconnecting the "ressource" share. If the "ressource" share is available the issue does not arise.

That's why I used relative pathes in my test application. When deploying the binaries, you'll have to move the binaries (testapp.exe, testapp.pbd as well as the "theme190" folder) to a place, where the relative pathes are no longer correct (therefore I created the subfolder "Bins") in order to "see" the issue.

Lately I also came to realize, that the issue also exists, when the UI Theme is turned off. One of my colleagues has disabled the UI theme for his development workspace and would get "empty" toolbar items, when being "down" intially (only a shade of the "active" icon can be seen).

Regards,
Constantin
Ken Guo @Appeon 22 January, 2021
#7
Appeon Test Result

Hi Constantin,

If I use Theme when running your test case, the background color of the toolbar icon is light blue instead of white (see the attachment). That means it is configured #AAD2FA in the theme.json file.

I suggest you use another machine to try and see if the background color is white.

Regards,
Ken
Constantin Bergatt 21 January, 2021
#6
Hi Ken,

thanks a lot for your continued support!

I'm sorry to disagree, but I don't think that the described behavior is a feature.

First of all, if it was a feature, I would assume the white background should always be the case, when enabling "ToolbarItemDown" and not only depending on the initial state of the toolbar item property.

Further, if the background color of the PB UI Theme file (theme.json) would be applied, I would expect, as we are using basically a slightly modified version of the default theme "Flat Design Blue", a more grayish or blueish background color, but not white. Below you will find an excerpt from the used toolbar theme definition and none of the defined colors is white :

"toolbar":
{
    "border-color":"#CCCCCC",
    "background-color":"#E6E6E6",
    "grabbar-color":"#999999",
    "separator-color":"#BFBFBF",
    "arrow-color":"#666666",
    "bitmap-background-color":"#E6E6E6",
    "item":
    {
        "normal-state":
        {
            "text-font":{"color":"#000000"}
        },
        "hover-state":
        {
            "text-font":{"color":"#000000"},
            "background-color":"#BBDDFA"
        },
        "selected-state":
        {
            "text-font":{"color":"#000000"},
            "background-color":"#AAD2FA"
        },
        "checked-state":
        {
            "text-font":{"color":"#000000"},
            "background-color":"#C3C4C5"
        },
        "disabled-state":
        {
            "text-font":{"color":"#999999"}
        }
    },

Regards,
Constantin
Ken Guo @Appeon 19 January, 2021
#5
Hi Constantin,

I think this is one of the PB features. When the toolbar item is in Down status, there should have color to the background color of the icon so that you can find it in Down status easily. 
You can also see this feature in the Office’s toolbar.
When enabling Theme, if you find that the background color of the icon is not suitable, you can modify “background-color” in the Theme.json file below:

"toolbar":
{
  …
  "item":
  {
  …
    "selected-state":
    {
      "text-font":{"color":"#FFFFFF"},
      "background-color":"#00CC00"
    },

Regards,
Ken
Chris Pollach @Appeon 19 January, 2021
#4
Hi Constantin;

  Yes, I saw the screen shot .. thanks for including that! 

  I was not able to see that specific toolbar issue with your test case on my test PCs.  I have a newer W10 build and super-duper graphics cards. So that might make the difference from my testing perspective. 

  However, I did have transparency issues on the menu drop down displays. So there could certainly be a few issues at hand here based on what you and I see collectively. Lets see what Engineering says.  ;-)

Regards ... Chris
Constantin Bergatt 19 January, 2021
#3
Hi Chris,

many thanks for the quick reply!

I am running Windows 10 Enterprise (Version : 1909; OS build : 18363.1316) and I can repeatedly reproduce the issue.

To get a better picture of, what you are looking for, please have a look at the "Screenshots" folder of the provided test application. I also added a small screenshot with some descriptions there.

Regards,
Constantin
Chris Pollach @Appeon 19 January, 2021
#2
Hi Constantin;

  Thank you so much for the test case!

  I was not able to reproduce your toolbar icon transparency issue in my W10 testing. However, there was an apparent cascading menu icon transparency issue on my test systems (W10: 20H2 Build: 19042.746).

  I will now transfer this ticket over to the main Support / Engineering team for their review & feedback on this issue.

Regards ... Chris
Constantin Bergatt 19 January, 2021
#1
testapp.7z (113KB)

*Phenomenon:
Again while doing a "refurbishment" on all of our icons, we ran into problems with the transparency of toolbar icons.
When the UI Theme is applied, the toolbar item has the property "ToolbarItemDown" enabled initially and no icon for "ToolbarItemDownName" defined, the toolbar icon does always have a white background instead of the original transparent one.

*Reproduce Steps:
You can find a respective test application attached to this bug (see testapp.7z).

1. Create a small test application with a very simple window, which does have a menu.
2. Add a menu item.
3. Switch to the respective toolbar item in the PowerBuilder IDE.
4. Assign an icon with a transparent background to the toolbar item (ToolbarItemName), e.g. "Icons\Invoice.png" from the test application.
5. Assign NO icon to "ToolbarItemDownName".
6. Check the "ToolbarItemDown" property (set it to true).
7. Add the assigned icon to the PBR file of your test application.
8. Deploy the application.
9. Move the resulting bins and the "theme190" folder to a place where the resource paths are no longer valid.
10. Run the application.

Result : The displayed toolbar icon does have a white instead of a transparent background.
Expected : The displayed toolbar icon does have a transparent background.

Hint : For my test application I used relative paths to the assigned icons. Therefore I moved the created binaries as well as the "theme190" folder to the subfolder "Bins" in order to "cut the links" from the ressources to the binaries. Please check the provided binaries for your own tests.

Remarks:
OS:
Windows 10
Platform:
All
Database Type:
SAP SQL Anywhere
Database Version:
17.0.10.6175