HTML custom meter bar in Jedox
Jedox is a powerful tool for spreadsheet-based planning, analysis, and reporting. One of its features is the ability to customize spreadsheets using HTML and CSS, allowing users to create visually appealing and interactive dashboards directly within their Jedox environment. In this beginner's guide, we'll walk you through the process of integrating HTML and CSS code into your Jedox spreadsheets, enabling you to design stunning visualizations and enhance the user experience.
Step 1: Setting Up Your Jedox Spreadsheet
First, open your Jedox environment and navigate to the spreadsheet where you want to implement custom styling. Create a new worksheet or open an existing one where you'd like to add visual elements.
Step 2: Adding HTML and CSS Code
Once you've selected your worksheet, you can start adding HTML and CSS code to customize its appearance. For example, let's say you want to create a meter bar to track project completion or budget consumption %. You can use the following code:
<style>
meter {
...