Transparent Elements

ID:1682555
 
Sep 18 2014, 10:58 pm
BYOND Version:507
Operating System:Windows 8 64-bit
Web Browser:Chrome 37.0.2062.120
Applies to:Webclient
Status: Open
Issue hasn't been assigned a status value.


Apparently having an element as the default background color results in invisible elements. Even changing the color by 1 value fixes this.
Sep 19 2014, 7:04 am
Hrm, I'll have to figure out how I want to fix this. The issue stems from the controls in DS always having a specific background (usually a system color) unless is-transparent is set, so when they're set to their default ("none") the webclient interprets that as no preference and uses the control's style defaults.

This behavior looks good in the default skin, but in translated skins I get why it's an issue.

Suggestions would be welcome too.
Sep 19 2014, 10:11 am
Well, you could always change the color by 1 value. Decrease red, OR green, OR blue. But, this is bad as a permanent solution and only good for a temp solution.

I just did some testing. The colors I have noticed to cause this issue so far is 255, 255, 255 and 240, 240, 240. It only causes issues on Labels and Outputs from what I see so far. Buttons and Input don't seem to be affected by this problem.
Sep 19 2014, 10:18 am
My changing the color by a single unit wouldn't be a solution, because the problem is that the skin itself says the color is "none"--e.g., the default. I just need the default to be handled in a reasonable way.
Sep 19 2014, 10:29 am
 
    elem "chat-label"
        type = LABEL
        pos = 8,252
        size = 180x20
        anchor1 = 0,57
        anchor2 = 33,57
        font-family = ""
        font-size = 0
        font-style = ""
        text-color = #000000
        background-color = none
        is-visible = true
        is-disabled = false
        is-transparent = false
        is-default = false
        border = line
        drop-zone = false
        right-click = false
        saved-params = ""
        on-size = ""
        text = "Chat"
        image = ""
        image-mode = center
        keep-aspect = false
        align = center
        text-wrap = false
    elem "output"
        type = OUTPUT
        pos = 8,272
        size = 200x180
        anchor1 = 0,57
        anchor2 = 33,100
        font-family = ""
        font-size = 0
        font-style = ""
        text-color = #000000
        background-color = #ffffff
        is-visible = true
        is-disabled = false
        is-transparent = false
        is-default = true
        border = line
        drop-zone = false
        right-click = false
        saved-params = "max-lines"
        on-size = ""
        link-color = #0000ff
        visited-color = #ff00ff
        style = ""
        enable-http-images = false
        max-lines = 1000
        image = ""


The BG color for output is white while the default one for mini-button is still saying none.

Output's default color is white, however it does use make the Use Default checkbox in the Interface Editor to become true.

Label's default color is 240, 240, 240. Even when I disable Use Default it enables itself again. This is very confusing actually because output is returning something while label is not yet they BOTH don't work.
Sep 19 2014, 10:42 am
Ah, you make a good point. Actually it appears the problem is twofold, in that the translator for the skin will not send a param if it matches the control's default (with very few exceptions). Since the output control defaults to #ffffff instead of none, #ffffff is not being sent and therefore not being set.

I think ultimately I'm going to have to implement is-transparent and set some default backgrounds on more controls (at least in the event of translated skins) for this to work out as expected.