Active tab background coloe

Active tab background coloe

Posted by: ed on 3 February 2020, 6:04 pm EST

• 

  ed

  • Post Options:
  • Link
    Copy

  Posted 3 February 2020, 6:04 pm EST

  I have a tab panel and have 2 issues;

  1. want the selected and unselected tabs to have the same background color. See that attached file to see how they currently appear.

  2. I would like to put my style properties in the site.css file but when I put them there they don’t render on the page. I know it is looking the site.css file for the “tabcustom” because if I change the height parameter in the site.css file it does render that way on the page.

  In my cshtml I have this;

  In my site.css file I have this for the class;

  .tabcustom {
  
  height: 30px;
  
  }

  The second issue is not a big deal because I can use the "style= ‘’ in my .cshtml file. But am wondering why when I put those properties in the site.css file they don’t render.

  My bigger issue is the first one.

  I alway appreciate you help.

  Edtab_screen_shot.zip

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 4 February 2020, 1:49 am EST

  Hi Ed,

  I hope you are doing well.

  Regarding the colors, you may use the following CSS rule to make the color of tabs the same:

  /* To make the color same */
  .wj-tabpanel>div>.wj-tabheaders>.wj-tabheader.wj-state-active {
  	color: inherit;
  }
  /* To hide the blue bottom line */
  .wj-tabpanel>div>.wj-tabheaders>.wj-tabheader.wj-state-active:after {
  	visibility: hidden;
  }
  

  Regarding site.css, if you have an ASP MVC application, then please make sure that the site.css file is linked in the _Layout.cshtml file. Also, please make sure that the path to the site.css file is correct. If the issue still persists, please provide us a sample replicating the issue.

  Regards,
  
  Ashwin