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

Focus/Selection color frame around the element

2020-07-23
2023-10-27
  • mandeepahujaifm - 2020-07-23

    Hello users,
    How do I change the color of frame around an element (button etc.) when it is in focus? I have a navigation pad and when i get to an input box or a button I get the grey color around the border. I would like to change that color. Please see the attached video

     
    • aliazzz

      aliazzz - 2020-07-23

      Please upload your project as a projectarchive so we can help you.

       
  • Morberis

    Morberis - 2020-07-23

    There are a few ways you can change an element's colors.

    The first step for both is to make sure you have the advanced/expert box ticked in the elements properties tab.

    Then you can use the Color Variables "Toggle Color" to toggle between the Normal State Colors and the Alarm State Colors.

    The second way is to write the color directly to either the normal or alarm state color variables under color variables.

     

    Last edit: Morberis 2020-07-23
    • mandeepahujaifm - 2020-07-23

      Hello Morberis
      Did you see the attached video? I was talking about the grey border that is shown around the object when it gets into focus. I don't see that option anywhere

       
      • Morberis

        Morberis - 2020-07-23

        I didn't, I hesitated to download something from someone I didn't know. But I'll download it and take a look.

        I had thought you were talking about the frame color.

        After looking at it to me that does look like the frame color. For an image like that instead of specifying the frame and fill color you just specify the frame color for the normal state and alarm state. And you can't specify fill color.

        To be honest though I'm not sure how you're navigating with the arrow keys so I might be wrong.

        I'm sorry that I'm not more help.

        Edit: Is it a separate visualization element that is toggling between visible and invisible? I wouldn't have thought so but the highlighting around the sound icon looks odd.

        How did you do the navigation with the directional arrows? For my own interest.

         

        Last edit: Morberis 2020-07-23
        • aliazzz

          aliazzz - 2020-07-23

          Tip: either download it via a linux browser or let a realtime virusscanner take a peek ;-)

           
          πŸ‘
          1
  • m.prestel - 2020-07-24

    Hey,

    try the property VisuElems.g_SelectionManager.SelectionColors

    Best regards,
    Marcel

     
    πŸ‘
    1
    • Morberis

      Morberis - 2020-07-24

      This is why I make sure to read these forums.

      I apologize for not giving you good information @mandeepahujaifm

      I do have a question for you @mprestel , please forgive my ignorance.

      I'm trying to find information on g_SelectionManager and I can't seem to find anything. I don't see anything in the help file and when I look at the documentation for the VisuElems library in the library manager I don't see anything. There is an example project on the store and that does make sense to me, or at least I can see how I could implement what it does myself.

      Clearly I'm missing part of the picture though and that there are things that you can do with it that are not demonstrated in that example project. I do see things that look similar in the VisuElems library but I don't see anything about a selection manager. Where can I find out more information on g_SelectionManager?

       
      πŸ‘
      1

      Last edit: Morberis 2020-07-24
      • m.prestel - 2020-07-27

        Hey,

        we got a few things to clean up.

        g_SelectionManager is part if the GVL Visu_Globals in VisuElemBase.
        The symbols of VisuElemBase are published in VisuElems, therefore you can access it directly with VisuElems.g_SelectionManager.

        The g_SelectionManager is declared as ISelectionManager. This interface is part of VisuElemBase and allows some access to the selection including the color, which the selection rectangle should use.

        VisuElems.g_SelectionManager.SelectionColors expects a VisuStructColors, which is also in VisuElemBase (but you can simple use VisuElems.VisuStructColors).

        Best regards,
        Marcel

         
        πŸ‘
        1
        • mandeepahujaifm - 2020-07-27

          Thank you for this information! How did you find g_SlectionManager? When I look in the libary documentation I find absolutely no reference to it. However you are right it does build without any compile errors. Again, how do you find such things? whats the trick?

           
  • masmith1553 - 2023-10-27

    Is there a way to control what element is in focus?

     

Log in to post a comment.