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 28 days ago

    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 28 days ago
    Edited by John Nuthalapaty 28 days ago



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



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

    IBM Champion
    Posted 30 days ago
    Edited by Jim Boland 30 days ago

    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 30 days ago

    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 30 days ago
    Edited by Jim Boland 30 days ago
      |   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 28 days ago

    Thanks, Jim.

    i will try this too.

    John



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



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

    Posted 28 days ago
    Edited by Peyton David 28 days ago

    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 28 days ago

    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 23 days ago

    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 16 days ago

    Hi David,

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

    Greetings

    Peter Mandzak



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