ShareFile

Create Section Headers & Navigation Links with Podio Calc Fields

July 28, 2025

Contributed by:

You can organize content in Podio items with:

Section headers for better readability.
Colored headers for visual emphasis.
Navigation links for easy access to different sections within the item.

Markdown formatting and JavaScript logic in Podio calculation fields can be utilised to create dynamic headers and navigation links.

Examples

Main Section Headers

var a = @Address

"# SECTION HEADER TEXT"

+ "\n"

+ "---"

+ "\n"

+ "The **Section Header** section is where you can add basic information about the client."﻿
<!--NeedCopy-->

Sub Section Headers

//@Unique ID

"# Section Header Text Goes Here " + "\n ---"
<!--NeedCopy-->

Colored Section Headers

var x = @Unique ID;

var lrg = "800";
var hgt = "40";
var bg = "366299";
var ft = "FFFFFF";
var txt = "HEADER NAME HERE".replace(/ /g, "%20"); // Replace spaces with %20

"![](http://dummyimage.com/" + lrg + "x" + hgt + "/" + bg + "/" + ft + ".png&text=" + txt.toUpperCase() + ")"
<!--NeedCopy-->

MULTIPLE:

@Unique ID

var sec1 = '**[LINK NAME 1](#field)**'

var sec2 = '**[LINK NAME 2](#field-2)**'

var sec3 = '**[LINK NAME 3](#field-3)**'

sec1 + " | " + sec2 + " | " + sec3
<!--NeedCopy-->

SINGLE:

@Unique ID

var sec10 = '**[HOME](#navigation-links)**'

sec10 + " "
<!--NeedCopy-->

The official version of this content is in English. Some of the Cloud Software Group documentation content is machine translated for your convenience only. Cloud Software Group has no control over machine-translated content, which may contain errors, inaccuracies or unsuitable language. No warranty of any kind, either expressed or implied, is made as to the accuracy, reliability, suitability, or correctness of any translations made from the English original into any other language, or that your Cloud Software Group product or service conforms to any machine translated content, and any warranty provided under the applicable end user license agreement or terms of service, or any other agreement with Cloud Software Group, that the product or service conforms with any documentation shall not apply to the extent that such documentation has been machine translated. Cloud Software Group will not be held responsible for any damage or issues that may arise from using machine-translated content.

Was this article helpful

Create Section Headers & Navigation Links with Podio Calc Fields

July 28, 2025

Contributed by:

July 28, 2025

Contributed by:

Create Section Headers & Navigation Links with Podio Calc Fields

Examples

Main Section Headers

Sub Section Headers

Colored Section Headers

Navigation Links

In this article