Transparent button

  • asnik

    asnik - 2019-12-03

    I am unable to get working transparent button in web visu.

    I found very useful Image Button element from ESC-Buttons Codesys store.
    For button images I use transparent square area with some icon in the middle (SVG vector format) imported to my imagepool. Then I set Colors/Fillcolor/Transparency=0 and Colors/Framecolor/Transparency=0.
    Inside Codesys IDE everything is working nice, the button shows only icon and square area outside icon is fully transparent.
    However, when I and run web browser pointed to webvisu the square area of the button is always filled by color from fillcolor no matter of transparency setting.
    Semi-transparency option is activated in Visu Manager, of course.
    If I use the same SVG image as just Image element it is transparent in web perfectly. But unable to link variable to just image. Standard Button element also is not transparent.

    Has anybody some ideas how to get transparent button in webvisu?
    Thanks in advance!

  • m.prestel

    m.prestel - 2019-12-03


    could you provide a small example project?

    Thank you!

    Best regards,

  • asnik

    asnik - 2019-12-04

    Excuse me, please, I found the solution to make button image transparent.
    The Element look/Fill attributes should be set to Hollow ))


Log in to post a comment.