My Oracle Support Banner

Unable To Apply Dynamic Positioning In Static Text Container (Doc ID 3021653.1)

Last updated on JUNE 02, 2024

Applies to:

Oracle Fusion CX Sales Cloud Service - Version and later
Information in this document applies to any platform.


How to dynamically position a help content container within HTML code.

Sample code:

Select the static text container in the results.
Utilize the provided HTML code

.oj-flex-bar {
display: flex;
align-items: center; /* Align items vertically in center */

#kanbanHelp1 {
display: table-cell;
vertical-align: middle;
margin: 15px;
background-color: #267DB3;
color: white;
font-family: Arial;
font-size: 15px;
font-weight: bold;
width: 20px;
height: 20px;
border-radius: 10px;
text-align: center;
#kanbanHelpContent1 {
display: none;
position: absolute;
width: 400px;
top: 50px;
right: 5px;
text-align: left;
margin: 50px;
padding: 10px;
background-color: white;
color: #267DB3;
border: 2px solid #FF4500;
text : test;
z-index: 10;
function showHideHelp1() {
var x = document.getElementById("kanbanHelpContent1");
if ( === "none") { = "block";
} else { = "none";
function hideHelp(){
<div class="oj-flex-bar">
<span style="font-weight: bold; font-size: 18px;">[b][u] Top @{Top} Group Bookers [/u][/b]</span>
<div id=kanbanHelp1 onClick="showHideHelp1()">?</div>
<div id=kanbanHelpContent1 onClick="showHideHelp1()">
<span style="font-weight: bold;">Report Measures : </span>
<li>Hotel: Hotel tagged to Reservation</li>
<li>Total Revenue: Total Revenue from Reservation object</li>
<li>F& B Revnue: F& B Revenue from Reservation Object</li>
<li>Room Revenue: Room Revenue from Reservation Object</li>
<li>Anciliary Revnue: Anciliary Revenue from Reservation Object</li>
<li>Contribution to Total Revenue (%): (Total Revenue per Hotel/Overall Total Revenue of all Hotels)*100</li>

<span style="font-weight: bold;">Applied Filters : </span>
<li>Customer: Filters by selected customer.</li>
<li>Check-Out Date Range: Filters Reservations by check-out date.</li>
<li>Market Segment: Includes Transient, Long Staying Guest</li>
<li>Reservation Status: Checked Out</li>
<li>Top: Top Hotels based on Total revenue selected by users(default 3) will be displayed</li>
<span style="color: #FF4500;">Click here to make the help text disappear</span>


To view full details, sign in with your My Oracle Support account.

Don't have a My Oracle Support account? Click to get started!

In this Document

My Oracle Support provides customers with access to over a million knowledge articles and a vibrant support community of peers and Oracle experts.