Welcome to our new forum
All users of the legacy CODESYS Forums, please create a new account at account.codesys.com. But make sure to use the same E-Mail address as in the old Forum. Then your posts will be matched. Close

Transparent button

asnik
2019-12-03
2019-12-04
  • 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 - 2019-12-03

    Hello,

    could you provide a small example project?

    Thank you!

    Best regards,
    Marcel

     
  • 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.