Horizontal CheckBox prompt

[chr.93]

Hello all!

I have a value prompt in checkbox UI and i want to display the values horizontally instead of vertical. I have tried various javascripts, but since I am not an expert at all in javascript, I haven't been able to make it work! :(
Can anyone guide me step by step in how to achieve something like that? I have Cognos 11.1.7!

Thank you  ;D ;D

[oscarca]

If you know how Custom controls are implemented you can use this guide from PMSQUARE:
https://pmsquare.com/analytics-blog/2019/1/7/custom-javascript-in-cognos-modifying-prompts

[rockytopmark]

CognosPaul latest implementation:

It involves:

• Inserting the prompt control into a block
• inserting an HTML Item in the report that will style the control/block

-> Name the block (you can name whatever you want but make sure you use same name in HTML item doing the styling):
inlineRadio

-> HTML item code:
<style>
[lid*="inlineRadio"] div{
    height: inherit !important;
    min-height: inherit !important;
    display: flex ;
    width: 100% !important;
    position: inherit !important;
    border: none;
    margin: 0px !important;
}
</style>

move your prompt into the block.

HTH

[chr.93]

CognosPaul latest implementation:

It involves:

• Inserting the prompt control into a block
• inserting an HTML Item in the report that will style the control/block

-> Name the block (you can name whatever you want but make sure you use same name in HTML item doing the styling):
inlineRadio

-> HTML item code:
<style>
[lid*="inlineRadio"] div{
    height: inherit !important;
    min-height: inherit !important;
    display: flex ;
    width: 100% !important;
    position: inherit !important;
    border: none;
    margin: 0px !important;
}
</style>

move your prompt into the block.

HTH

Thank you! that worked perfect!

[chr.93]

CognosPaul latest implementation:

It involves:

• Inserting the prompt control into a block
• inserting an HTML Item in the report that will style the control/block

-> Name the block (you can name whatever you want but make sure you use same name in HTML item doing the styling):
inlineRadio

-> HTML item code:
<style>
[lid*="inlineRadio"] div{
    height: inherit !important;
    min-height: inherit !important;
    display: flex ;
    width: 100% !important;
    position: inherit !important;
    border: none;
    margin: 0px !important;
}
</style>

move your prompt into the block.

HTH

Actually that work with Radio Button UI. When multiselect, in checkbox UI, it doesn't seems to works. Should I change something in the code? Also if i have many selections inside the box,how can i make the change line? Thank you again for your help!