JavaScript for Text Areas in Spotfire®

Overview

If you are familiar with JavaScript and Text Areas and are familiar with the Best Practices for Writing Custom JavaScript Code in Text Areas article, then this article is for you. If not, you can check out the JavaScript Component Hub for Spotfire to learn different ways in which JavaScript is used in Spotfire. From Text Areas to Mashups.  This article only focus on JavaScript in Text Areas.

Usability and Widgets

This collection of JavaScript components focuses on enhancing Spotfire with various interactive features. These components aim to enhance the user experience and provide additional functionality within Spotfire such as date pickers, popups, accordions, etc.


            
 

1. JavaScript Crosshair for Spotfire - Overlay two perpendicular lines over the visualization area. 
2. JavaScript Drawer for Spotfire   - Custom flyout or panel where you can put your controls inside it.
3. JavaScript Accordion for Spotfire  - Organize Spotfire controls and content on collapsible groups  
4. JavaScript Masthead for Spotfire  - Create headers for your pages with minimal effort 
5. JavaScript Custom Progress Indicator for Spotfire  - Show a custom progress indicator mimicking the native progress indicator 
6. JavaScript Popup for Spotfire  - Encapsulate controls and contents on draggable popup panels 
7. JavaScript Sidebar for Spotfire  - Create sidebars for your visuals that support all kind of controls and widgets 
8. JavaScript Autocomplete for Spotfire V1 - Enhances input control with autocomplete feature (works only on web player) 
9. JavaScript Autocomplete for Spotfire V2 - Convert any input with autocomplete words for both, web player and for the analyst.  
10. Landing Pages for Spotfire  - Create stunning landing pages in seconds 
11. JavaScript Icon Menu for Spotfire  - Save real estate by using this minimalistic radial icon popup menu   []   []  []    
12. JavaScript Checkbox List for Spotfire  - Convert traditional list box (multiple select) controls to a checkbox driven multiple select []
13. JavaScript Checkbox for Spotfire  - Create fancy looking checkbox buttons []
14. Filter Property Controls  - Use Filters to drive Property Controls []
15. Cycle Pages for Spotfire  - Switch between tabs automatically []
16. JavaScript Date and Time Pickers for Spotfire 
17. JavaScript Color Picker for Spotfire - Convert an input field Spotfire control into a Color Picker [] []
18. JavaScript Vertical Scroll buttons for Spotfire: Add vertical scroll buttons for a smooth experience 
19. JavaScript Slider for Spotfire. Convert an Input field Property Control into a Range slider  
20. JavaScript Column Header Tooltips for Spotfire. Add rich text tooltips to cross table, graphical table or data table headers []

Tips, Tricks, Examples and Tutorials

This section contains mostly references of other articles containing tips and tricks, examples or tutorials and widgets. The widgets sections should include ready to use script for anyone with little or no coding experience to use, re-use and enhance their dashboards. 

1. Best Practices for Writing Custom JavaScript Code in Text Areas
2. How to include your own instances of jQuery and jQueryUI in Text Areas
3. How to trigger an IronPython script on report load via a JavaScript in Spotfire®
4. Spotfire® - Tips and Tricks with Buttons  
5. Spotfire - Export Data (Client & WebPlayer) Python|Javascript
6. How to create a Range filter in Text Area disabling the left and right handles in Spotfire® using JavaScript
7. How to handle Text Area customizations using jQuery and jQueryUI when upgrading from Spotfire® 11.4 LTS or earlier versions
8. How to - Run Iron Python in a loop (without memory leaks!)
9. How to run an Iron Python script from Spotfire
10. How to run a JavaScript when filtering or marking data (same approach as #38)
11. Font and Icons (font awesome and many other icon libraries)
12. How to use HTML5 on Text Areas
13. Debugging and troubleshooting scripts
14. How to add links or anchors and smoothly scroll to them on the same page
15. Trigger IP script when the page loads
16. JavaScript API for Text Areas
17. Using Spotfire Text Areas to Increase Usability of Analytics through HTML, JavaScript and CSS
18. Text Area Examples
19. Default Styling of HTML in Text Areas
20. Create Modern Styled Links and Buttons
21. Create Fold Out Side Panel
22. Adding Spotfire Drop Downs and Other Controls to the Floating Side Panel
23. Pop Up Content and Forms
24. Accordions in Text Areas
25. CSS Tooltips
26. Show and Hide Content
27. Add an autocomplete search bar to Spotfire® using Text Areas
28. Date and Time Pickers
29. JavaScript ECharts for Spotfire
30. HTML Sanitation
31. JavaScript Page Navigation for Spotfire
32. How to - Create attractive filter panels with customized accordions
33. How to create hyperlinks in Cross Table
34. Spotfire® - Tips and Tricks with Buttons
35. Convert filter controls as custom dropdowns
36. Prevent Zoom Sliders from zooming when using the mouse wheel to scroll 
37. Run a JavaScript to highlight a visualization when a document property changes 
38. Show a visual inside a popup