Focal Point Banner


As of December 1, 2020, Focal Point is retired and repurposed as a reference repository. We value the wealth of knowledge that's been shared here over the years. You'll continue to have access to this treasure trove of knowledge, for search purposes only.

Join the TIBCO Community
TIBCO Community is a collaborative space for users to share knowledge and support one another in making the best use of TIBCO products and services. There are several TIBCO WebFOCUS resources in the community.

  • From the Home page, select Predict: WebFOCUS to view articles, questions, and trending articles.
  • Select Products from the top navigation bar, scroll, and then select the TIBCO WebFOCUS product page to view product overview, articles, and discussions.
  • Request access to the private WebFOCUS User Group (login required) to network with fellow members.

Former myibi community members should have received an email on 8/3/22 to activate their user accounts to join the community. Check your Spam folder for the email. Please get in touch with us at community@tibco.com for further assistance. Reference the community FAQ to learn more about the community.


Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [Solved]Tooltip positions in HTML file

Read-Only Read-Only Topic
Go
Search
Notify
Tools
[Solved]Tooltip positions in HTML file
 Login/Join
 
Gold member
posted
I am adding tooltip to the HTML file. right now the text show up below the each element. I would like to move it to above/left/right/below based on the position of the element. For example, I have this control that on the left top corner of the HTML page. I would like to have the title showing on the right side of the element box.

Here is the javascript

 
if(typeof(bRuntime) != 'undefined') {
// TODO: Add your inline runtime code here}
//Begin function window_onload
function window_onload() {
UpdateData();
// TODO: Add your event handler code here
//add onInitialUpdate() function to make changes before initial run of the reports
//Call function after window has loaded
}
//End function window_onload
function onInitialUpdate() {
$( this ).tooltip();
}
//Begin function checkreporttype
function checkreporttype(){
var ReportType = IbComposer_getCurrentSelection('ReportSelectionList');
if (ReportType == 'Measurable')
{
IbComposer_runAnimation('hidecashflow');
IbComposer_runAnimation('showmeasure');
}
else {
IbComposer_runAnimation('hidemeasure');
IbComposer_runAnimation('showcashflow');
}
}
//End function checkreporttype
 

Here is the internal css
 
.ui-tooltip-content::after {
    border-style: solid;
 left: 90px;
 display: block;
 position: absolute;
 content: "";


}
.ui-tooltip-content::before {
    border-style: solid;
 left: 90px;
 display: block;
 position: absolute;
 content: "";


}
.ui-tooltip-content::before {
    border-width: 10px 10px 0px;
 border-color: rgb(170, 170, 170) transparent;
 bottom: -10px;


}
.ui-tooltip-content::after {
    border-width: 10px 10px 0px;
 border-color: white transparent;
 bottom: -7px;

}


that I have.

Help please. Thank you

This message has been edited. Last edited by: WebFocusDiver,


WebFOCUS 8.1.05
Windows, All Outputs
 
Posts: 60 | Registered: March 02, 2015Report This Post
Master
posted Hide Post
if(typeof(bRuntime) != 'undefined') {
// TODO: Add your inline runtime code here
}

function window_onload() {
UpdateData();

$("#listbox1").tooltip({
      position: {
        my: "right+225",
        at: "center"
      }
    });
}

function onInitialUpdate() {
    $( document ).tooltip();
}


App Studio
WebFOCUS 8.1.05M
Windows, All Outputs
 
Posts: 594 | Location: Michigan | Registered: September 04, 2015Report This Post
Master
posted Hide Post
You will also need to click on your control/element, then go to the Properties panel and add your tooltip text to the "Title" property.


App Studio
WebFOCUS 8.1.05M
Windows, All Outputs
 
Posts: 594 | Location: Michigan | Registered: September 04, 2015Report This Post
Gold member
posted Hide Post
Thanks.


WebFOCUS 8.1.05
Windows, All Outputs
 
Posts: 60 | Registered: March 02, 2015Report This Post
  Powered by Social Strata  

Read-Only Read-Only Topic

Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [Solved]Tooltip positions in HTML file

Copyright © 1996-2020 Information Builders