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 11.13.24.01.0 and later
Information in this document applies to any platform.

Symptoms

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

<style>
.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;
cursor:pointer;
}
#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;
cursor:pointer;
z-index: 10;
}
</style>
<script>
function showHideHelp1() {
var x = document.getElementById("kanbanHelpContent1");
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}
function hideHelp(){
}
</script>
<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>
<div id=kanbanHelpContent1 onClick="showHideHelp1()">
<span style="font-weight: bold;">Report Measures : </span>
<ul>
<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>
</ul>

<span style="font-weight: bold;">Applied Filters : </span>
<ul>
<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>
</ul>
<span style="color: #FF4500;">Click here to make the help text disappear</span>
</div>

Cause

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
Symptoms
Cause
Solution


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