Archive | Tutorial RSS feed for this section

How to improve your Webform by using CSS

Podio offers the feature of getting generated webforms in an app of your own. For example: Imagine that you have a “Contact us” web page. Users will fill your webpage forms in, and then you will get items in your Podio app with those data.   Let’s create an app that will get all the […]

Read full story · Comments { 2 }

Add web links in Calculation field

  Podio Calculation field makes use of Markdown features, so we are free to use them. As a result, we are free to add web links. There are two way to do so: 1) By writing down the URL. It then automatically it becomes a link. Just copy paste the following code to a Calculation field: @Text ? “https://www.google.com” : “” /* […]

Read full story · Comments { 0 }

Add YouTube videos in Calculation field

Podio Calculation field makes use of Markdown features, so we are free to use them. By combining two of Markdown features we are able to add a YouTube video in Podio.    Just copy paste the following code to a Calculation field: @Text ? “[![](http://img.youtube.com/vi/VIDEO_NUMBER_HERE/0.jpg)](https://youtube.com/watch?v=VIDEO_NUMBER_HERE)” : “” /* ——————————————————————————————————- Created by BendixKiel ApS – Copenhagen based Podio Preferred Partner […]

Read full story · Comments { 0 }

Bold, Italics and Strikethrough in Calculation fields

  Podio Calculation field makes use of Markdown features, so we are free to use them. 1) One of those simple features is to write a text in italics. In Markdown, we call it “Emphasis”: Just copy paste the following code to a Calculation field: @Text ? “*SmartGantt*” : “” /* ——————————————————————————————————- Created by BendixKiel ApS – Copenhagen based […]

Read full story · Comments { 0 }

Add blockquotes in Calculation field

    You might not know what are blockquotes, but I am sure you are using them all the time. They are the symbols put by your email service for email replies: > Blockquote Markdown is supported in Podio. Let’s suppose we have the following text:   I am saying hi. With kind regards, John […]

Read full story · Comments { 0 }

Add a table using your app’s Text fields

  Podio Calculation field makes use of Markdown features, so we are free to use them. One of those features is to add a table: Let’s include a table with 3 columns and just 5 rows. Just copy paste the following code to a Calculation field:   /* REPLACE ARRAY ITEMS WITH WHAT YOU WANT!    YOU CAN […]

Read full story · Comments { 2 }

Turn Duration field into Text by using Calculation field

  How can you take information from a Duration field? If you put it in a Calculation field simply as @Duration, it is shown as a number, which can be a problem. The best way to turn a Duration field into Text field is done by the following Javascript code. It will then show exactly what […]

Read full story · Comments { 0 }

Various ways to show a Date field

Find your favorite way to show a Date field by looking at the following image:   In order to achieve this, just copy paste one of the following Javascripts in a Calculation field. 1) moment(@Date).tz(“Europe/Copenhagen”).format(“dddd DD/MM/YYYY, hh:mm A”) 2) moment(@Date).tz(“Europe/Copenhagen“).format(“ddd DD/MM/YYYY, hh:mm A”) 3) moment(@Date).tz(“Europe/Copenhagen“).format(“ddd DD/MM/YYYY, HH:mm”) 4) moment(@Date).tz(“Europe/Copenhagen“).format(“ddd DD/MM/YYYY”) 5) moment(@Date).tz(“Europe/Copenhagen“).format(“DD/MM/YYYY hh:mm A”) 6) moment(@Date).tz(“Europe/Copenhagen“).format(“DD/MM/YYYY”)   Make sure […]

Read full story · Comments { 0 }

Create a Date field from Text fields

Let’s say you have a date separated into three Text fields and you want to merge all of them into one Date field. That is possible, you can create Date fields with your information. Just copy paste the following code to a Calculation field: var d = new Date(); d.setDate(@DD (Text)); d.setMonth(@MM (Text) – 1); d.setFullYear(@YYYY (Text)); d /* ——————————————————————————————————- Created […]

Read full story · Comments { 0 }