Wednesday, 1 November 2017

Cognos: Removing Border from Radio Button

Hi Guys,

In this post I will explain how you can remove border from a radio button prompt.


Here are the steps:

  • Add an HTML Item just before the radio button prompt with below code



<STYLE>
#radio Div.clsCheckBoxList{
border-style:none;
}
</STYLE>
<div id="radio" >

  • Add the second HTML Item next to the radio button prompt with below code.


</div>

          Now you should be able to see the radio button prompt without any border.


    

Cognos: Horizontal Radio Button


Hi Guys,

You might have faced the challenged aligning radio button prompt horizontally as Cognos do not support this behaviour. I found the way to achieve this using Java Script code. Just follow below steps and you should be able to get the radio button aligned horizontally.

  •           Add an HTML Item just before the radio button prompt with below code

  
<STYLE>
#radio Div.clsCheckBoxRow{
display:inline;
whiteSpace:noWrap;
}
</STYLE>
<div id="radio" >
  •        Add the second HTML Item next to the radio button prompt with below code


</div>

  •        Run the report and you should be able to see the radio button aligned horizontally.

     




Monday, 25 May 2015

COGNOS: ADDING TOOLTIP IN A LIST REPORT

Sometimes we may need to add tool-tip for a Column in a List report. Though it is not possible to achieve this using Cognos list properties, we can achieve this using a simple JS script.


Just place two html items before and after the column header

HTML item 1:

<span title='Tool Tip '>

HTML item 2:

</span>