Apptio for All

Apptio for All

A place for Apptio product users to learn, connect, share and grow together.

 View Only

Create an HTML button to an external site 

Tue July 16, 2019 08:05 PM

Hi folks,

Back when I was teaching Custom report creation in Apptio R11, we used to teach people how to create buttons that could be used to navigate back to the previous report or to other reports in project. Inevitably though someone wants to be able to navigate to an external site.  This can be done but not using the button report component. You have to use an html component with the <a> tag to create the link and the <button> tag to make it a button.  I'm going to give a very simple example here but you can use online HTML resources like W3Schools.com if you want to make a fancier button.

 

So to add the link button, you'll need to insert an HTML Component into your report.

 

Add the following code to your Edit Content dialog:  

<a href="http://www.apptio.com"><button type="button">Go to the Apptio Website</button></a>

 

This adds a button to your report that when clicked will take you to the Apptio Website.

 

 

This is a very simple example, I didn't do any formatting of my text or my button.  If you want to get fancy with your button you can read more about style sheets on www.w3schools.com.  



#ApptioforAll

Statistics
0 Favorited
15 Views
0 Files
0 Shares
0 Downloads

Comments

Wed February 03, 2021 02:09 PM

This was awesome!  What is the command to open another Window or Tab as I don't want the existing Open Tab to go away.

Thank you
#ApptioforAll

Fri October 30, 2020 12:26 PM

Great @Sam Gunther, i'm glad you found it useful.


#ApptioforAll

Fri October 30, 2020 12:21 PM

Thanks Debbie! This was very helpful.


#ApptioforAll

Wed July 17, 2019 10:08 AM

Thanks @Debbie Hagen for the short and simple example. Another feature I have to try and also add. But when...? :-)


#ApptioforAll