How to disable autodesk-forge mouseHover on panel











up vote
0
down vote

favorite












I'm trying to add some CSS on a forge panel.

Whenever I put my mouse hover a forge panel the colour of the background become darker.



Is it possible to disable this behaviour?

Edited:



Here picture of my problem



My mouse was hover the panel titled 2.



I want the background to stay like the panel 1.










share|improve this question
























  • Could you consider providing a reproducible case demonstrating how you create these two panels? I tried to reproduce the situation you mentioned, but unfortunately I couldn't. All panels I created are all transparent like your panel 2.
    – Eason Kang
    Nov 27 at 7:30










  • I might have found the problem. We're using the third version of the forge viewer on the 6th version the problem doesn't appear. We are going to upgrade the viewer thx for your help
    – lo lo
    Nov 29 at 11:19










  • Sure thing, thank you for confirming. :)
    – Eason Kang
    Nov 29 at 11:42















up vote
0
down vote

favorite












I'm trying to add some CSS on a forge panel.

Whenever I put my mouse hover a forge panel the colour of the background become darker.



Is it possible to disable this behaviour?

Edited:



Here picture of my problem



My mouse was hover the panel titled 2.



I want the background to stay like the panel 1.










share|improve this question
























  • Could you consider providing a reproducible case demonstrating how you create these two panels? I tried to reproduce the situation you mentioned, but unfortunately I couldn't. All panels I created are all transparent like your panel 2.
    – Eason Kang
    Nov 27 at 7:30










  • I might have found the problem. We're using the third version of the forge viewer on the 6th version the problem doesn't appear. We are going to upgrade the viewer thx for your help
    – lo lo
    Nov 29 at 11:19










  • Sure thing, thank you for confirming. :)
    – Eason Kang
    Nov 29 at 11:42













up vote
0
down vote

favorite









up vote
0
down vote

favorite











I'm trying to add some CSS on a forge panel.

Whenever I put my mouse hover a forge panel the colour of the background become darker.



Is it possible to disable this behaviour?

Edited:



Here picture of my problem



My mouse was hover the panel titled 2.



I want the background to stay like the panel 1.










share|improve this question















I'm trying to add some CSS on a forge panel.

Whenever I put my mouse hover a forge panel the colour of the background become darker.



Is it possible to disable this behaviour?

Edited:



Here picture of my problem



My mouse was hover the panel titled 2.



I want the background to stay like the panel 1.







autodesk-forge






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 23 at 11:02

























asked Nov 20 at 9:40









lo lo

13




13












  • Could you consider providing a reproducible case demonstrating how you create these two panels? I tried to reproduce the situation you mentioned, but unfortunately I couldn't. All panels I created are all transparent like your panel 2.
    – Eason Kang
    Nov 27 at 7:30










  • I might have found the problem. We're using the third version of the forge viewer on the 6th version the problem doesn't appear. We are going to upgrade the viewer thx for your help
    – lo lo
    Nov 29 at 11:19










  • Sure thing, thank you for confirming. :)
    – Eason Kang
    Nov 29 at 11:42


















  • Could you consider providing a reproducible case demonstrating how you create these two panels? I tried to reproduce the situation you mentioned, but unfortunately I couldn't. All panels I created are all transparent like your panel 2.
    – Eason Kang
    Nov 27 at 7:30










  • I might have found the problem. We're using the third version of the forge viewer on the 6th version the problem doesn't appear. We are going to upgrade the viewer thx for your help
    – lo lo
    Nov 29 at 11:19










  • Sure thing, thank you for confirming. :)
    – Eason Kang
    Nov 29 at 11:42
















Could you consider providing a reproducible case demonstrating how you create these two panels? I tried to reproduce the situation you mentioned, but unfortunately I couldn't. All panels I created are all transparent like your panel 2.
– Eason Kang
Nov 27 at 7:30




Could you consider providing a reproducible case demonstrating how you create these two panels? I tried to reproduce the situation you mentioned, but unfortunately I couldn't. All panels I created are all transparent like your panel 2.
– Eason Kang
Nov 27 at 7:30












I might have found the problem. We're using the third version of the forge viewer on the 6th version the problem doesn't appear. We are going to upgrade the viewer thx for your help
– lo lo
Nov 29 at 11:19




I might have found the problem. We're using the third version of the forge viewer on the 6th version the problem doesn't appear. We are going to upgrade the viewer thx for your help
– lo lo
Nov 29 at 11:19












Sure thing, thank you for confirming. :)
– Eason Kang
Nov 29 at 11:42




Sure thing, thank you for confirming. :)
– Eason Kang
Nov 29 at 11:42












2 Answers
2






active

oldest

votes

















up vote
0
down vote













I supposed that you want to change the background color of the tree nodes of the model structure panel or property panel while mouse hovering. Please place this CSS snippet after viewer's stylesheet:



// Change background color to red color in dark-theme
.adsk-viewing-viewer.dark-theme .treeview .group>lmvheader:hover,
.adsk-viewing-viewer.dark-theme .treeview .leaf>lmvheader:hover,
.adsk-viewing-viewer.dark-theme .treeview group>lmvheader:hover,
.adsk-viewing-viewer.dark-theme .treeview leaf>lmvheader:hover {
background: rgba(255,0,0,.4)!important;
}

// Change background color to red color in light-theme
.adsk-viewing-viewer.light-theme .treeview .group>lmvheader:hover,
.adsk-viewing-viewer.light-theme .treeview .leaf>lmvheader:hover,
.adsk-viewing-viewer.light-theme .treeview group>lmvheader:hover,
.adsk-viewing-viewer.light-theme .treeview leaf>lmvheader:hover {
background: rgba(255,0,0,.4)!important;
}


And here you go!



enter image description here






share|improve this answer





















  • sorry I have poorly explained my problem. I edited my question and an image. To show my problem
    – lo lo
    Nov 23 at 11:03


















up vote
0
down vote



accepted










This problem doesn't appear in the last version of the forge viewer. I'm gooing to upgrade my viewer






share|improve this answer





















    Your Answer






    StackExchange.ifUsing("editor", function () {
    StackExchange.using("externalEditor", function () {
    StackExchange.using("snippets", function () {
    StackExchange.snippets.init();
    });
    });
    }, "code-snippets");

    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "1"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














    draft saved

    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53390098%2fhow-to-disable-autodesk-forge-mousehover-on-panel%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    2 Answers
    2






    active

    oldest

    votes








    2 Answers
    2






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes








    up vote
    0
    down vote













    I supposed that you want to change the background color of the tree nodes of the model structure panel or property panel while mouse hovering. Please place this CSS snippet after viewer's stylesheet:



    // Change background color to red color in dark-theme
    .adsk-viewing-viewer.dark-theme .treeview .group>lmvheader:hover,
    .adsk-viewing-viewer.dark-theme .treeview .leaf>lmvheader:hover,
    .adsk-viewing-viewer.dark-theme .treeview group>lmvheader:hover,
    .adsk-viewing-viewer.dark-theme .treeview leaf>lmvheader:hover {
    background: rgba(255,0,0,.4)!important;
    }

    // Change background color to red color in light-theme
    .adsk-viewing-viewer.light-theme .treeview .group>lmvheader:hover,
    .adsk-viewing-viewer.light-theme .treeview .leaf>lmvheader:hover,
    .adsk-viewing-viewer.light-theme .treeview group>lmvheader:hover,
    .adsk-viewing-viewer.light-theme .treeview leaf>lmvheader:hover {
    background: rgba(255,0,0,.4)!important;
    }


    And here you go!



    enter image description here






    share|improve this answer





















    • sorry I have poorly explained my problem. I edited my question and an image. To show my problem
      – lo lo
      Nov 23 at 11:03















    up vote
    0
    down vote













    I supposed that you want to change the background color of the tree nodes of the model structure panel or property panel while mouse hovering. Please place this CSS snippet after viewer's stylesheet:



    // Change background color to red color in dark-theme
    .adsk-viewing-viewer.dark-theme .treeview .group>lmvheader:hover,
    .adsk-viewing-viewer.dark-theme .treeview .leaf>lmvheader:hover,
    .adsk-viewing-viewer.dark-theme .treeview group>lmvheader:hover,
    .adsk-viewing-viewer.dark-theme .treeview leaf>lmvheader:hover {
    background: rgba(255,0,0,.4)!important;
    }

    // Change background color to red color in light-theme
    .adsk-viewing-viewer.light-theme .treeview .group>lmvheader:hover,
    .adsk-viewing-viewer.light-theme .treeview .leaf>lmvheader:hover,
    .adsk-viewing-viewer.light-theme .treeview group>lmvheader:hover,
    .adsk-viewing-viewer.light-theme .treeview leaf>lmvheader:hover {
    background: rgba(255,0,0,.4)!important;
    }


    And here you go!



    enter image description here






    share|improve this answer





















    • sorry I have poorly explained my problem. I edited my question and an image. To show my problem
      – lo lo
      Nov 23 at 11:03













    up vote
    0
    down vote










    up vote
    0
    down vote









    I supposed that you want to change the background color of the tree nodes of the model structure panel or property panel while mouse hovering. Please place this CSS snippet after viewer's stylesheet:



    // Change background color to red color in dark-theme
    .adsk-viewing-viewer.dark-theme .treeview .group>lmvheader:hover,
    .adsk-viewing-viewer.dark-theme .treeview .leaf>lmvheader:hover,
    .adsk-viewing-viewer.dark-theme .treeview group>lmvheader:hover,
    .adsk-viewing-viewer.dark-theme .treeview leaf>lmvheader:hover {
    background: rgba(255,0,0,.4)!important;
    }

    // Change background color to red color in light-theme
    .adsk-viewing-viewer.light-theme .treeview .group>lmvheader:hover,
    .adsk-viewing-viewer.light-theme .treeview .leaf>lmvheader:hover,
    .adsk-viewing-viewer.light-theme .treeview group>lmvheader:hover,
    .adsk-viewing-viewer.light-theme .treeview leaf>lmvheader:hover {
    background: rgba(255,0,0,.4)!important;
    }


    And here you go!



    enter image description here






    share|improve this answer












    I supposed that you want to change the background color of the tree nodes of the model structure panel or property panel while mouse hovering. Please place this CSS snippet after viewer's stylesheet:



    // Change background color to red color in dark-theme
    .adsk-viewing-viewer.dark-theme .treeview .group>lmvheader:hover,
    .adsk-viewing-viewer.dark-theme .treeview .leaf>lmvheader:hover,
    .adsk-viewing-viewer.dark-theme .treeview group>lmvheader:hover,
    .adsk-viewing-viewer.dark-theme .treeview leaf>lmvheader:hover {
    background: rgba(255,0,0,.4)!important;
    }

    // Change background color to red color in light-theme
    .adsk-viewing-viewer.light-theme .treeview .group>lmvheader:hover,
    .adsk-viewing-viewer.light-theme .treeview .leaf>lmvheader:hover,
    .adsk-viewing-viewer.light-theme .treeview group>lmvheader:hover,
    .adsk-viewing-viewer.light-theme .treeview leaf>lmvheader:hover {
    background: rgba(255,0,0,.4)!important;
    }


    And here you go!



    enter image description here







    share|improve this answer












    share|improve this answer



    share|improve this answer










    answered Nov 23 at 8:16









    Eason Kang

    1,658127




    1,658127












    • sorry I have poorly explained my problem. I edited my question and an image. To show my problem
      – lo lo
      Nov 23 at 11:03


















    • sorry I have poorly explained my problem. I edited my question and an image. To show my problem
      – lo lo
      Nov 23 at 11:03
















    sorry I have poorly explained my problem. I edited my question and an image. To show my problem
    – lo lo
    Nov 23 at 11:03




    sorry I have poorly explained my problem. I edited my question and an image. To show my problem
    – lo lo
    Nov 23 at 11:03












    up vote
    0
    down vote



    accepted










    This problem doesn't appear in the last version of the forge viewer. I'm gooing to upgrade my viewer






    share|improve this answer

























      up vote
      0
      down vote



      accepted










      This problem doesn't appear in the last version of the forge viewer. I'm gooing to upgrade my viewer






      share|improve this answer























        up vote
        0
        down vote



        accepted







        up vote
        0
        down vote



        accepted






        This problem doesn't appear in the last version of the forge viewer. I'm gooing to upgrade my viewer






        share|improve this answer












        This problem doesn't appear in the last version of the forge viewer. I'm gooing to upgrade my viewer







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Nov 29 at 11:26









        lo lo

        13




        13






























            draft saved

            draft discarded




















































            Thanks for contributing an answer to Stack Overflow!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.





            Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


            Please pay close attention to the following guidance:


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53390098%2fhow-to-disable-autodesk-forge-mousehover-on-panel%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            To store a contact into the json file from server.js file using a class in NodeJS

            Redirect URL with Chrome Remote Debugging Android Devices

            Dieringhausen