Panelbar

3 posts, 1 answers
  1. 100%
    100% avatar
    75 posts
    Member since:
    Apr 2013

    Posted 05 Mar 2014 Link to this post

    In the demo at

    http://demos.telerik.com/kendo-ui/web/panelbar/index.html

    the headers "My teammates", "Projects" etc are getting a border/shadow/something of darker blue when they are clicked on as some feedback of which header the user clicked on the last time.

    In my project, I am trying to remove that style.
    I have styled the headers green and the shadow border thing is red. That red color is not my choice, but the default one.

    It really becomes a really ugly border. Not nice looking as in the example.

    When I try to find the css rule that adds the border, it will dissapear, even if I do not interact with the document.
    I only change node in firebug or in the development console of chrome, the border goes away.

    How do I get rid of it?
  2. Answer
    100%
    100% avatar
    75 posts
    Member since:
    Apr 2013

    Posted 06 Mar 2014 Link to this post

    Found it:

    .k-state-focused.k-state-selected
    {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
  3. Kendo UI is VS 2017 Ready
  4. 100%
    100% avatar
    75 posts
    Member since:
    Apr 2013

    Posted 06 Mar 2014 Link to this post

    Can't mark my own answer as a reply
Back to Top