Cognos Analytics

Cognos Analytics

Connect, learn, and share with thousands of IBM Cognos Analytics users! 

 View Only

  • 1.  Rounded corners in prompts

    Posted 2 days ago

    Hi,

    I'm trying to implement rounded corners in prompts.

    I've read the excellent discussion called Changing the size of the tiles in 11.2 | Cognos Analytics.

    So I've created an extension. I know this extension is partially working because I have the tiled with rounded corners:

    I did try to use:

    .clsListView .clsListViewReportView .clsPromptSelectWithSearch .clsPromptSelectValue .clsPromptComponent .fs

    in my css file. Unfortunately, this is not working with prompts:

    Any idea would be appreciated!



    ------------------------------
    Patrick Neveu
    BSL Consulting
    IBM Champion
    ------------------------------


  • 2.  RE: Rounded corners in prompts

    Posted 2 days ago
    Edited by Thomas Wolf 2 days ago

    For me (CA 12.0.4) it's clsListView and clsListViewReportView alright. 

    For reasons of simplicity, I just added a html element to the report. It should work in an extension as well.
    <style>
      .clsListView, .clsListViewReportView {
        border-radius: 10%;
        border-color: violet !important;
      }
    </style>
    For border-color, I had to use the !important property. Maybe that is worth a try in your environment.
    Best,
    Thomas



    ------------------------------
    Thomas Wolf
    BI Professional
    Techniker Krankenkasse
    Hamburg
    ------------------------------

    Original Message


  • 3.  RE: Rounded corners in prompts

    Posted 2 days ago
    Edited by Patrick Neveu 2 days ago

    Hi Thomas,

    Thank you for your answer. I forget to mention I'm using Cognos Analytics v12.1.0.

    It is working fine with your style in an HTML element.

    It is NOT working when I replace my original css file with your (without <style>...</style>) in my extension. I reload the update, logoff then logon.

    Here is my css file:

    /* 
.clsListView .clsListViewReportView .clsPromptSelectWithSearch .clsPromptSelectValue 
*/

.ba-tile{
  height:160px !important; 
  border-radius: 25px;
  box-shadow: 5px 10px 8px #888888;
  width: 95%;
}

.fs{
box-shadow: 5px 10px 8px #888888;
}


.clsListView{
	border-radius: 10%;
    border-color: #573EEF !important;
}

 .clsListViewReportView{
    border-radius: 10%;
    border-color: #573EEF !important;
 }

    Best regards,



    ------------------------------
    Patrick Neveu
    BSL Consulting
    IBM Champion
    ------------------------------

    Original Message


  • 4.  RE: Rounded corners in prompts

    Posted 2 days ago

    Hi Patrick,

    this might be a matter of specifity. The inspector shows the border definition inside DIV.clsListView.

    So your extension may work if you make it even more specific.
    .clsInputArea div.clsListView {
      border-radius: 25px;
      box-shadow: 5px 10px 8px #888888;
    }
    It is just guesswork, for I cannot import extensions to our system. Knowing myself, I think our admin acted wisely. 
    Regards,
    Thomas


    ------------------------------
    Thomas Wolf
    BI Professional
    Techniker Krankenkasse
    Hamburg
    ------------------------------

    Original Message


  • 5.  RE: Rounded corners in prompts

    Posted 2 days ago

    Thomas,

    Nothing new with this new css. Sorry.

    Best regards,



    ------------------------------
    Patrick Neveu
    BSL Consulting
    IBM Champion
    ------------------------------

    Original Message


  • 6.  RE: Rounded corners in prompts

    Posted yesterday

    Hi Patrick,

    I just tried simulating an extension by creating an external style sheet. It did not work at my first attempt, but after deleting the browser cache it did exactly as expected. Now I'm out of ideas. 



    ------------------------------
    Thomas Wolf
    BI Professional
    Techniker Krankenkasse
    Hamburg
    ------------------------------

    Original Message


Related Content