[Legacy] Mediachart Tutorial

Step by step tutorial to display text

The user story

I work in sales operations and I would like to check out the latest news of my company to adapt my sales speech.

What are the latest busines news? Which content can I find online to dig deeper? What tips/advices are pushed to me by my top management?

Awesome! Appears that there is a chart dedicated just for this :let’s use the Media Chart!

Pick your text and write it in a .md file

First of all, select the text you want to display as a media chart. Then, write it on a simple .md file. Add all the markdown you want using some HTML (to bold your text, underline it, add hyperlink, etc). It should look like something the below, more or less :

timeline parameters

Upload it into the assets

Once you’re all set, you can upload your .md file in the custom Assets of your application.

timeline parameters

Set-up your chart

Then, easier than ever, you just have to set-up your chart within the Chart Parameters ! To do so, just make sure to :

Pick-up the Media Chart as Chart Type Fill the File Name field with the name of your asset
timeline parameters

And this is it, your Mediachart displays all the text you needed to polish your sales speech ! Pretty easy, right ? 😁👍

timeline parameters

Step by step tutorial - PDF

The user story

I am a Sales Manager in a big tech company and I would like to give access to my team to some sales material, especially a corporate presentation they use quite often with clients.

The Media Chart!can do the trick !

Pick your PDF and upload it into the assets

Pick up the PDF presentation you want to embed in the app. Go to the asset tab of your app and upload it, as a new custom asset.

timeline parameters

Set up your .md file and upload it into the assets

Then, set up your md file !

To do so, copy-paste the below into your .md file and replace the below terms by your own :

MY-INSTANCE-NAME : should contain your.. instance name ;) MY-APP-NAME : should contain your.. app name ;) MY-PDF-NAME : should contain.. guess… the name of your pdf file you’ve just uploaded into the assets !

<object data="https://api-MY-INSTANCE-NAME.toucantoco.com/MY-APP-NAME/assets/MY-PDF-NAME#toolbar=0&page=1&zoom=75" width='100%' height='650px' type='application/pdf'>   <embed src="https://api-MY-INSTANCE-NAME.toucantoco.com/MY-APP-NAME/assets/MY-PDF-NAME#toolbar=0&page=1&zoom=75" width='100%' height='650px' type='application/pdf'></embed> </object>

Once it’s all done, you can upload your .md file into the assets as well. It looks like this :

timeline parameters

Set-up your chart

Then, it’s so simple ! Just set-up your chart within the Chart Parameters ! To do so, just make sure to :

Pick-up the Media Chart as Chart Type Fill the File Name field with the name of your .md file (as the PDF asset is already requested within this .md file - smart, isn’t it?)
timeline parameters

And this is it, your Mediachart displays all the text you needed to polish your sales speech ! Nice one, don’t you think ? 😁👍

timeline parameters