Want to share Style elements used to highlight cells in List column.  When a cell is selected and highlighted borders  are too distracting.

These are set by 

:root {
--RS-OUTLINE-SELECTION-COLOR: var(--P1-A70);
--RS-SPEC-SELECTION-BG-COLOR: var(--P1-20);
--RS-DATA-SELECTION-BG-COLOR: var(--P1-50);


In report style, you can unset them to white/transparent color to remove those borders. I tried to do at td tag level; however, it was always overwritten by above html properties.


If anyone have better solution to avoid higlighting borders when selected, please share.

Thanks!


------------------------------
Buddhi Gupta
------------------------------

#CognosAnalyticswithWatson

Hi Buddhi,

insert HTML-item before the table 

#idWorkareaPane td { outline: 1px solid red !important; }

Changeing this to

#idWorkareaPane td { outline: 1px solid #eee !important; }

Makes it look "nicer" ... just quick and dirty hack for one report?

Want to change it on any installation enterprise wide?

Edit:
<c11 installapath>/bi/pat/pat.css

change:
#idWorkareaPane *[_8g9="true"]:not([_vhc="true"]):not([specname="page"]):not([specname="pageBody"]):not([specname="pageHeader"]):not([specname="pageFooter"]):not(polyline)#idWorkareaPane *[_8g9="true"]:not([_vhc="true"]):not([specname="page"]):not([specname="pageBody"]):not([specname="pageHeader"]):not([specname="pageFooter"]):not(polyline){ outline: 3px solid var(--RS-OUTLINE-SELECTION-COLOR);}

to

#idWorkareaPane *[_8g9="true"]:not([_vhc="true"]):not([specname="page"]):not([specname="pageBody"]):not([specname="pageHeader"]):not([specname="pageFooter"]):not(polyline)#idWorkareaPane *[_8g9="true"]:not([_vhc="true"]):not([specname="page"]):not([specname="pageBody"]):not([specname="pageHeader"]):not([specname="pageFooter"]):not(polyline){ outline: 1px solid #ccc;}

​​We do this using bash, awk and sed all the time.

Hope this helps ... let me know if not.

Best regards,
Ralf

------------------------------
Ralf Roeber
Managing Partner
Amvara Consulting
------------------------------

Thanks @Ralf Roeber for id field!

I prefer to remove it completely since in list it's still creating blocks:-

#idWorkareaPane td { outline: none !important; }​ 

Is there any way to upload style file with above settings as extension as refer in reports? We are using cloud and want to minimize server level changes.

------------------------------
Buddhi Gupta
------------------------------

Original Message:
Sent: Mon June 15, 2020 01:58 PM
From: Ralf Roeber
Subject: Overwrite default highlighting colors in List cells

Hi Buddhi,

insert HTML-item before the table 

#idWorkareaPane td { outline: 1px solid red !important; }

Changeing this to

#idWorkareaPane td { outline: 1px solid #eee !important; }

Makes it look "nicer" ... just quick and dirty hack for one report?

Want to change it on any installation enterprise wide?

Edit:
<c11 installapath>/bi/pat/pat.css

change:
#idWorkareaPane *[_8g9="true"]:not([_vhc="true"]):not([specname="page"]):not([specname="pageBody"]):not([specname="pageHeader"]):not([specname="pageFooter"]):not(polyline)#idWorkareaPane *[_8g9="true"]:not([_vhc="true"]):not([specname="page"]):not([specname="pageBody"]):not([specname="pageHeader"]):not([specname="pageFooter"]):not(polyline){ outline: 3px solid var(--RS-OUTLINE-SELECTION-COLOR);}

to

#idWorkareaPane *[_8g9="true"]:not([_vhc="true"]):not([specname="page"]):not([specname="pageBody"]):not([specname="pageHeader"]):not([specname="pageFooter"]):not(polyline)#idWorkareaPane *[_8g9="true"]:not([_vhc="true"]):not([specname="page"]):not([specname="pageBody"]):not([specname="pageHeader"]):not([specname="pageFooter"]):not(polyline){ outline: 1px solid #ccc;}

​​We do this using bash, awk and sed all the time.

Hope this helps ... let me know if not.

Best regards,
Ralf

------------------------------
Ralf Roeber
Managing Partner
Amvara Consulting
------------------------------

Hello Buddhi,

good to read that the proposed solution works for you.

And thanks for coming back with a new question.

>Is there any way to upload style file with above settings as extension as refer in reports?
Yes. There is a "COMMON" perspective.

Attached find a ZIP ... just change the css-file inside, reZIP and upload. This will create "AmvaraCommonCss" Extension which holds the CSS file. The css file is loaded when opening the browser to your Cognos portal. 

Best regards,
Ralf

------------------------------
Ralf Roeber
Managing Partner
Amvara Consulting
------------------------------

Original Message:
Sent: Mon June 15, 2020 02:17 PM
From: Buddhi Gupta
Subject: Overwrite default highlighting colors in List cells

Thanks @Ralf Roeber for id field!

I prefer to remove it completely since in list it's still creating blocks:-

#idWorkareaPane td { outline: none !important; }​ 

Is there any way to upload style file with above settings as extension as refer in reports? We are using cloud and want to minimize server level changes.

------------------------------
Buddhi Gupta
------------------------------


Original Message:
Sent: Mon June 15, 2020 01:58 PM
From: Ralf Roeber
Subject: Overwrite default highlighting colors in List cells

Hi Buddhi,

insert HTML-item before the table 

#idWorkareaPane td { outline: 1px solid red !important; }

Changeing this to

#idWorkareaPane td { outline: 1px solid #eee !important; }

Makes it look "nicer" ... just quick and dirty hack for one report?

Want to change it on any installation enterprise wide?

Edit:
<c11 installapath>/bi/pat/pat.css

change:
#idWorkareaPane *[_8g9="true"]:not([_vhc="true"]):not([specname="page"]):not([specname="pageBody"]):not([specname="pageHeader"]):not([specname="pageFooter"]):not(polyline)#idWorkareaPane *[_8g9="true"]:not([_vhc="true"]):not([specname="page"]):not([specname="pageBody"]):not([specname="pageHeader"]):not([specname="pageFooter"]):not(polyline){ outline: 3px solid var(--RS-OUTLINE-SELECTION-COLOR);}

to

#idWorkareaPane *[_8g9="true"]:not([_vhc="true"]):not([specname="page"]):not([specname="pageBody"]):not([specname="pageHeader"]):not([specname="pageFooter"]):not(polyline)#idWorkareaPane *[_8g9="true"]:not([_vhc="true"]):not([specname="page"]):not([specname="pageBody"]):not([specname="pageHeader"]):not([specname="pageFooter"]):not(polyline){ outline: 1px solid #ccc;}

​​We do this using bash, awk and sed all the time.

Hope this helps ... let me know if not.

Best regards,
Ralf

------------------------------
Ralf Roeber
Managing Partner
Amvara Consulting

Hi @Ralf Roeber,

I tried to create Just common CSS using Extension with above example. It loads correctly in Environment (checked in Network Tab); however, I don't see ​it's applying the style on report.

For now, I have put only below in the file:
#idWorkareaPane td { outline: none !important; }

When I apply style at report level, it works. 

Thanks for any inputs!

------------------------------
Buddhi Gupta
------------------------------

Original Message:
Sent: Tue June 16, 2020 08:51 AM
From: Ralf Roeber
Subject: Overwrite default highlighting colors in List cells

Hello Buddhi,

good to read that the proposed solution works for you.

And thanks for coming back with a new question.

>Is there any way to upload style file with above settings as extension as refer in reports?
Yes. There is a "COMMON" perspective.

Attached find a ZIP ... just change the css-file inside, reZIP and upload. This will create "AmvaraCommonCss" Extension which holds the CSS file. The css file is loaded when opening the browser to your Cognos portal. 

Best regards,
Ralf

------------------------------
Ralf Roeber
Managing Partner
Amvara Consulting
------------------------------


Original Message:
Sent: Mon June 15, 2020 02:17 PM
From: Buddhi Gupta
Subject: Overwrite default highlighting colors in List cells

Thanks @Ralf Roeber for id field!

I prefer to remove it completely since in list it's still creating blocks:-

#idWorkareaPane td { outline: none !important; }​ 

Is there any way to upload style file with above settings as extension as refer in reports? We are using cloud and want to minimize server level changes.

------------------------------
Buddhi Gupta


Original Message:
Sent: Mon June 15, 2020 01:58 PM
From: Ralf Roeber
Subject: Overwrite default highlighting colors in List cells

Hi Buddhi,

insert HTML-item before the table 

#idWorkareaPane td { outline: 1px solid red !important; }

Changeing this to

#idWorkareaPane td { outline: 1px solid #eee !important; }

Makes it look "nicer" ... just quick and dirty hack for one report?

Want to change it on any installation enterprise wide?

Edit:
<c11 installapath>/bi/pat/pat.css

change:
#idWorkareaPane *[_8g9="true"]:not([_vhc="true"]):not([specname="page"]):not([specname="pageBody"]):not([specname="pageHeader"]):not([specname="pageFooter"]):not(polyline)#idWorkareaPane *[_8g9="true"]:not([_vhc="true"]):not([specname="page"]):not([specname="pageBody"]):not([specname="pageHeader"]):not([specname="pageFooter"]):not(polyline){ outline: 3px solid var(--RS-OUTLINE-SELECTION-COLOR);}

to

#idWorkareaPane *[_8g9="true"]:not([_vhc="true"]):not([specname="page"]):not([specname="pageBody"]):not([specname="pageHeader"]):not([specname="pageFooter"]):not(polyline)#idWorkareaPane *[_8g9="true"]:not([_vhc="true"]):not([specname="page"]):not([specname="pageBody"]):not([specname="pageHeader"]):not([specname="pageFooter"]):not(polyline){ outline: 1px solid #ccc;}

​​We do this using bash, awk and sed all the time.

Hope this helps ... let me know if not.

Best regards,
Ralf

------------------------------
Ralf Roeber
Managing Partner
Amvara Consulting