Cognos Analytics

Hi all,

I'm developing a report in which we'd like to use the "View pages as tabs" feature. Does anyone know if it's possible to customize aspects of the tabs, such as more control over the location of the tab displays (neither "Top left" or "Bottom left" work well for us given other content on the page - the tabs don't stand out to users).  Or the color of the tabs, or their font characteristics?  I wondered if these features were defined in some style sheet somewhere that I could modify?

We're planning to use the left side of the page for other menu-ing (links to other reports etc) and with the tabs displayed on the left (whether near the Top or Bottom), they don't stand out to the users.

I know I could create a table that looks like Tabs with drill throughs back to the same report, and then place it anywhere I want, but I was hoping there might be a way to squeeze a bit more utility out of the native Cognos "View pages as tabs" function.

Thanks in advance for any thoughts/suggestions.

As an example: add a HTML-item to your report, containing the following:

<style> 
  .clsTabBox_active {
     background-color: violet;
  }
</style>

This will uglify the active tab. It's just an example. You can work it out from here. Use your web browser's developer tools to find the relevant class names. It's pretty easy, once you got started.

Hi all,

I'm developing a report in which we'd like to use the "View pages as tabs" feature. Does anyone know if it's possible to customize aspects of the tabs, such as more control over the location of the tab displays (neither "Top left" or "Bottom left" work well for us given other content on the page - the tabs don't stand out to users).  Or the color of the tabs, or their font characteristics?  I wondered if these features were defined in some style sheet somewhere that I could modify?

We're planning to use the left side of the page for other menu-ing (links to other reports etc) and with the tabs displayed on the left (whether near the Top or Bottom), they don't stand out to the users.

I know I could create a table that looks like Tabs with drill throughs back to the same report, and then place it anywhere I want, but I was hoping there might be a way to squeeze a bit more utility out of the native Cognos "View pages as tabs" function.

Thanks in advance for any thoughts/suggestions.

Thanks Thomas. I was able to change both the background color and the font color. The problem is that this only works when I click on a tab. It doesn't work when the web page loads. Only after I click on a tab, the color is applied. My question is how to make first tab colored after the page loads?

  <style>

    .clsTabBox_active  {

      background-color: red;

    }

    .clsTabBox_active .clsTabDivInner {

      color: white;

    }

     .clsTabBox_inactive  {

      background-color: white;

    }

    .clsTabBox_inactive .clsTabDivInner {

      color: black;

    }

  </style>

As an example: add a HTML-item to your report, containing the following:

<style> 
  .clsTabBox_active {
     background-color: violet;
  }
</style>

This will uglify the active tab. It's just an example. You can work it out from here. Use your web browser's developer tools to find the relevant class names. It's pretty easy, once you got started.

Hi all,

I'm developing a report in which we'd like to use the "View pages as tabs" feature. Does anyone know if it's possible to customize aspects of the tabs, such as more control over the location of the tab displays (neither "Top left" or "Bottom left" work well for us given other content on the page - the tabs don't stand out to users).  Or the color of the tabs, or their font characteristics?  I wondered if these features were defined in some style sheet somewhere that I could modify?

We're planning to use the left side of the page for other menu-ing (links to other reports etc) and with the tabs displayed on the left (whether near the Top or Bottom), they don't stand out to the users.

I know I could create a table that looks like Tabs with drill throughs back to the same report, and then place it anywhere I want, but I was hoping there might be a way to squeeze a bit more utility out of the native Cognos "View pages as tabs" function.

Thanks in advance for any thoughts/suggestions.

That's a curious thing. I tried it with Chrome and Firefox (Cognos 11.2.4) and the styles apply perfecly. Just to be sure, I even tried it with different colours to handle hover actions. 

Did you try clearing your browser's cache? Sometimes that helps.

  <style>

    .clsTabBox_active  {
      background-color: red;
    }
    .clsTabBox_active_hover  {
      background-color: #ff5050;
    }

    .clsTabBox_active .clsTabDivInner {
      color: white;
    }

    .clsTabBox_inactive  {
      background-color: #e0e0e0;
    }
    .clsTabBox_inactive_hover  {
      background-color: #f0f0f0;
    }

    .clsTabBox_inactive .clsTabDivInner {
      color: black;
    }

  </style>

Thanks Thomas. I was able to change both the background color and the font color. The problem is that this only works when I click on a tab. It doesn't work when the web page loads. Only after I click on a tab, the color is applied. My question is how to make first tab colored after the page loads?

  <style>

    .clsTabBox_active  {

      background-color: red;

    }

    .clsTabBox_active .clsTabDivInner {

      color: white;

    }

     .clsTabBox_inactive  {

      background-color: white;

    }

    .clsTabBox_inactive .clsTabDivInner {

      color: black;

    }

  </style>

As an example: add a HTML-item to your report, containing the following:

<style> 
  .clsTabBox_active {
     background-color: violet;
  }
</style>

This will uglify the active tab. It's just an example. You can work it out from here. Use your web browser's developer tools to find the relevant class names. It's pretty easy, once you got started.

Hi all,

I'm developing a report in which we'd like to use the "View pages as tabs" feature. Does anyone know if it's possible to customize aspects of the tabs, such as more control over the location of the tab displays (neither "Top left" or "Bottom left" work well for us given other content on the page - the tabs don't stand out to users).  Or the color of the tabs, or their font characteristics?  I wondered if these features were defined in some style sheet somewhere that I could modify?

We're planning to use the left side of the page for other menu-ing (links to other reports etc) and with the tabs displayed on the left (whether near the Top or Bottom), they don't stand out to the users.

I know I could create a table that looks like Tabs with drill throughs back to the same report, and then place it anywhere I want, but I was hoping there might be a way to squeeze a bit more utility out of the native Cognos "View pages as tabs" function.

Thanks in advance for any thoughts/suggestions.