Cognos Analytics

 View Only
Expand all | Collapse all

Change the background color of the Cognos Welcome Banner in V12.

  • 1.  Change the background color of the Cognos Welcome Banner in V12.

    Posted Tue April 09, 2024 03:07 PM
      |   view attached

    Hi All,

    i would like to know if there is a possibility to change the background color of the Cogos Welcome Banner in V12.

    Attached the screen shot.

    Thanks,

    John



    ------------------------------
    John Nuthalapaty
    ------------------------------


  • 2.  RE: Change the background color of the Cognos Welcome Banner in V12.

    Posted Mon April 22, 2024 11:32 AM

    Hi John,

    you can change in the content.css file the property background-color for .ca-home-welcomeBanner from #161616 to some other value. After the change no restart is needed however clear the cache of the browser to be able see the result of the change immediately.

    Kind regards

    Peter Mandzak



    ------------------------------
    Peter Mandzak
    ------------------------------



  • 3.  RE: Change the background color of the Cognos Welcome Banner in V12.

    IBM Champion
    Posted Mon April 22, 2024 12:02 PM
    Edited by Robert Dostal Mon April 22, 2024 12:01 PM

    Hi John,

    if you have an on-premise installation the file mentioned is stored here:

    ..\analytics\webcontent\bi\css\ca-content



    ------------------------------
    Robert Dostal
    Team Leader BI
    GEMÜ Gebr. Müller Apparatebau GmbH & Co. KG
    Ingelfingen
    ------------------------------



  • 4.  RE: Change the background color of the Cognos Welcome Banner in V12.

    Posted Wed April 24, 2024 05:19 PM

    Thanks, Peter.

    it worked fine. I had to change the font of the text also and had to make more changes.

    Thanks once again.



    ------------------------------
    John Nuthalapaty
    ------------------------------



  • 5.  RE: Change the background color of the Cognos Welcome Banner in V12.

    Posted Wed April 24, 2024 05:22 PM
    Edited by John Nuthalapaty Wed April 24, 2024 05:22 PM



    ------------------------------
    John Nuthalapaty
    ------------------------------



  • 6.  RE: Change the background color of the Cognos Welcome Banner in V12.

    IBM Champion
    Posted Tue April 23, 2024 08:33 AM
    Edited by Jim Boland Tue April 23, 2024 08:33 AM

    Hi John,

    Another approach to changing the CSS styling for this element is to do it with an extension. Extensions can be used for a lot of purposes, but one of these is the goal you are trying to accomplish (modifying styling of the UI). To do this, the extension introduces its own CSS file(s) to override the default styling of the targeted elements in the CA UI.

    The advantages to doing this in an extension (versus modifying the CA CSS file directly on the server) are:

    • Doesn't require access to the CA server
    • Works for cloud as well as on-prem installations
    • For a  multiple app-server installation, it automatically gets applied to all app servers (and automatically to any future app servers added to the installation)
    • Changes survive an upgrade of CA software version

    I uploaded a sample of such an extension in an earlier post:  - blurry.zip.

    If you modify the blurry.css file in this extension you could replace the text-shadow override with the color override that you want, targeting the banner element. 



    ------------------------------
    Jim Boland

    LinkedIn: https://www.linkedin.com/in/jimboland
    Website: https://coreinsightz.com
    Email: jimboland@coreinsightz.com
    ------------------------------



  • 7.  RE: Change the background color of the Cognos Welcome Banner in V12.

    Posted Tue April 23, 2024 08:47 AM

    Great stuff, Jim, thank you for sharing this.

    Kind regards

    Peter Mandzak



    ------------------------------
    Peter Mandzak
    ------------------------------



  • 8.  RE: Change the background color of the Cognos Welcome Banner in V12.

    IBM Champion
    Posted Tue April 23, 2024 10:04 AM
    Edited by Jim Boland Tue April 23, 2024 10:07 AM
      |   view attached

    Hi John,

    Actually, I went ahead and modified the extension to do what you want (you can change the color I chose - #00ff70 - to the color you want, in the file bcolour.css). The updated extension, bannerColor.zip, is attached to this post. (I tested it out and it looks good! well not good, because I chose a horrible color, but you know what I mean ;-) ).



    ------------------------------
    Jim Boland

    LinkedIn: https://www.linkedin.com/in/jimboland
    Website: https://coreinsightz.com
    Email: jimboland@coreinsightz.com
    ------------------------------

    Attachment(s)

    zip
    bannerColor.zip   5 KB 1 version


  • 9.  RE: Change the background color of the Cognos Welcome Banner in V12.

    Posted Wed April 24, 2024 05:25 PM

    Thanks, Jim.

    i will try this too.

    John



    ------------------------------
    John Nuthalapaty
    ------------------------------



  • 10.  RE: Change the background color of the Cognos Welcome Banner in V12.

    Posted Thu April 25, 2024 08:48 AM
    Edited by Peyton David Thu April 25, 2024 08:48 AM

    Hi Jim,

    I'm trying to figure out a way to exclude the Assistant's input box within the Welcome Banner in Cognos 12. Do you have any recommendations as to how I can do this? 

    So far, I've been able to exclude basically everything else on the Home page, but cannot configure a way to exclude the AI Assistant to gain more real-estate on the Home page.



    ------------------------------
    Peyton David
    ------------------------------



  • 11.  RE: Change the background color of the Cognos Welcome Banner in V12.

    Posted Thu April 25, 2024 09:20 AM

    Hi David,

    if you prefer to manipulate content.css you can add the visibility property to .ca-home-welcomeBanner class. So instead of

    .ca-home-welcomeBanner .ca-home-welcomeBanner-assistantAutocomplete {
      width: 100%;
    }

    .ca-home-welcomeBanner .ca-home-welcomeBanner-assistantAutocomplete {
      width: 100%;
      visibility: hidden;
    }

    To hide the greeting label add the visibility property to .ca-home-welcomeBanner-greetingLabel.brandApplied 

    To hide the greeting description add the visibility property to .ca-home-welcomeBanner-greetingDescription

    Basically the same apply if you do it via the extension. Just modify the extension posted by Jim and overwrite the class as described.

    Greetings

    Peter Mandzak



    ------------------------------
    Peter Mandzak
    ------------------------------



  • 12.  RE: Change the background color of the Cognos Welcome Banner in V12.

    Posted Tue April 30, 2024 12:25 PM

    Hi Peter,

    Thank you! This worked for me. However, the information below it did not necessarily shift up as I was hoping for.

    If I wanted to disable the entire Welcome Banner on the Home page, so that the Custom Home Tabs that I have added in through an extension can be shifted all the way up, do you know how I can do so? Or maybe a way I can disable the Assistant & also adjust the size of the Welcome Banner, so that it doesn't hold as much real estate on the Home page & the Custom tabs will be shifted up while also keeping the branding I have at the top of the Welcome Banner?

    Thanks, 

    Peyton David



    ------------------------------
    Peyton David
    ------------------------------



  • 13.  RE: Change the background color of the Cognos Welcome Banner in V12.

    Posted Tue May 07, 2024 07:58 AM

    Hi David,

    you can disable the Welcome Banner via Settings in the User Menu - see attached picture.

    Greetings

    Peter Mandzak



    ------------------------------
    Peter Mandzak
    ------------------------------