I'm very new to App Studio (I've only had two intro courses so far, but many more are scheduled). I've done some web development and I've worked with COGNOS for many years. I'm sure this question is covered somewhere, but when I try to search it here, I see posts that are way above my current understanding.
I have a JS file that I would like to use (intro.js). Its a great little utility that gives the user the ability to use some help features after they click a help button/graphic. I was hoping I could use it with App Studio reports/procedures.
2) Also, can this only be done in App Studio HTML documents? What about charts or reports?
3a) Also, I will need to add an attribute to certain tags in the HTML. For example, when the user clicks the help button, the table below will highlight and display the message "Hello, this is help". How can this be done?
<table data-intro="Hello, this is help">...</table>
3b) As an alternative, if 3a is difficult or not possible, I could leave the table element alone and just wrap it with a div tag. Can this be done? Where do I do this?
<div data-intro="Hello, this is help">
Thanks very much for your help. I imagine I'll get questions to better explain myself. Please ask, I'm not sure what information you folks need.
Thank youThis message has been edited. Last edited by: FP Mod Chuck,
WebFOCUS 8201, SP 0.1, Windows 7, HTML
June 06, 2017, 09:56 AM
1) Open the HTML page in App Studio and Under Utilities - Click on Settings. You could see a panel (Manage CSS and Scripts) on the right side where you can add your CSS and JS Files.
2) You could add external CSS styles and JS scripts to reports and Charts using HTMLFORM. Search the keyword 'HTMLFORM in the forum.
3a) The table you want to highlight should be hidden and when clicked on the help button should be visible. This can be done with basic JS which is nothing but what you mentioned in 3b
element.style.display = 'none'; // Hide element.style.display = 'block'; // Show element.style.display = 'inline'; // Show element.style.display = 'inline-block';