Browser difference for Metro

5 posts, 0 answers
  1. Al
    Al avatar
    216 posts
    Member since:
    Oct 2006

    Posted 15 Aug 2016 Link to this post

    Hi,

    When renaming a tree node, the theme works well for IE but for Chrome + Opera it doesn't highlight properly (users get confused because it appears the rename is not working) - see the screenshots

     

  2.
  3. Orlin
    Admin
    Orlin avatar
    62 posts

    Posted 15 Aug 2016 Link to this post

    Hello Al,

    The highlighted text background and color in your screenshots are defaults set by the browser and not by the skin. A way to override this behavior is to add the following bit of CSS  to the style of your pages:
    .RadTreeView_Metro .rtMid.rtSelected .rtIn input::selection {
        color: #5599ff;
        background:rgba(255, 255, 255, 0.99);
    }


    This will change the background color and the color of the selected text to closely resemble those in the other browsers.

    I hope this helps.


    Regards,
    Orlin
    Telerik by Progress
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  5. Al
    Al avatar
    216 posts
    Member since:
    Oct 2006

    Posted 17 Aug 2016 in reply to Orlin Link to this post

    Hi Orlin,

    Thanks for the code, I put it in but on Chrome the node still highlights in blue-on-blue as per my original attachment.

     

  7. Orlin
    Admin
    Orlin avatar
    62 posts

    Posted 18 Aug 2016 Link to this post

    Hello Al,

    I took another look at the code I gave you and noticed that it did not apply to the first and last node elements in a parent node. I made the selector less specific and it now covers those cases as well.  Hopefully this helps in your scenario. This is the CSS:
    .RadTreeView_Metro .rtSelected .rtIn input::selection {
        color: #5599ff;
        background: rgba(255, 255, 255, 0.99);
    }

    I am also attaching a video to demonstrate that it is working on this end.



    Let me know if you need further assistance.


    Regards,
    Orlin
    Telerik by Progress
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  9. Al
    Al avatar
    216 posts
    Member since:
    Oct 2006

    Posted 18 Aug 2016 in reply to Orlin Link to this post

    That works, thank you.
Back to Top