I'm actually really excited about this month's version of the Product Potpourri series. Recently I've been getting more than the usual number of questions related to using HTML in Apptio. So instead of our usual list of four individual questions let's just have some fun and highlight what we can do with HTML!
Examples of HTML
- <span style="font-size:x-large">Insert your text here</span>The command, <span style>, will become very familiar to you since it is what's used to set the style of an HTML command such as the font size. You could also add color by adding commands such as <span style="color:blue">, others to add italics or other styles as well. For more commands related to span style I recommend simply using a quick internet search.
- <span style="font-size:large">
<span style="background-color:#FFB3B3">0-24%</span>
<span style="background-color:#E6E600">25-39%</span>
<span style="background-color:#CCFFCC">40-100%</span>
</span>
This command allows you to enter colored text fields into your reports. For example here I'm adding a pink square with "O-24%", a green square with "23-39%" and a third with a light green "40-100%".
- Screenshot Ex.
Custom Components via HTML
While you can use HTML to create headers for your reports did you know you can also create custom components using HTML? For instance, let's say that our users want to create a KPI component that uses different font sizes than the default KPI components. To accomplish that you can use an HTML command like this:
indent{padding-left: 0.2en;}
body{background-color:#ffffff;}
</style><hr size=3 color=#d95718><p class="indent">
<span class="kpi-bar-text2" style="font-size:14px;font-weight:bold;color:#004C76;">
Current Apptio Month
</span>
</p><p>
<span title="Current Month" style="color:#000000;font-size:25px">
<B>
<div class="kpi-bar-value">
<span class="indent">
<span style="color:#000000">
<%=CurrentDate("MMM yyyy")%>
</span>
</span>
</div>
</B>
</span>
</p>
Resources
Many of us are not HTML experts and need a bit more help in writing any HTML commands. I'd like to offer three resources:
- Insights Cookbook β This resource from the Apptio Community pages provides detailed instructions on how to create a number of reports, as well as including HTML commands within those instructions.
- Apptio Team Members β If you're interested in getting more information on using HTML remember to reach out to your Customer Success Manager (CSM) or your Apptio Account team members. Both would be happy to help.
- Creating Reports to Defend Your Numbers (CRDN) Student Guide β If you are an Apptio AAEP holder you have access to the CRDN class and its student guide. Within the student guide there is a section on using HTML, including using dynamic HTML.
I hope this inspires you to try some HTML in your own reports, and please share any snippets you commonly use yourselves. I'll look forward to reading about them in the comments!
.
------------------------------
Justin Kean
Apptio
Sr Instructor
------------------------------
βββ
#ApptioforAll#Reports#ProductPotpourri