![]() |
VOOZH | about |
Adobe ColdFusion is a web and mobile application development platform. It uses its own scripting language, ColdFusion Markup Language (CFML), to create data-driven websites as well as generate remote services, such as REST. When ColdFusion is paired with the CData API Driver for ODBC, you can link your ColdFusion web and mobile applications to operational ClickUp data. This allows for your applications to be more robust and complete. This article details how to use the ODBC driver to create a table populated with ClickUp data from within a ColdFusion markup file.
To follow along with this tutorial, you need to install the CData API Driver for ODBC and Adobe ColdFusion.
If you have not already, first specify connection properties in an ODBC DSN (Data Source Name). This is the last step of the driver installation process. You can use the Microsoft ODBC Data Source Administrator to create and configure ODBC DSNs.
Start by setting the Profile connection property to the location of the ClickUp Profile on disk (e.g. C:\profiles\ClickUp.apip). Next, set the ProfileSettings connection property to the connection string for ClickUp (see below).
In order to authenticate to ClickUp, you'll need to provide your API Key. You can find this token in your user settings, under the Apps section. At the top of the page you have the option to generate a personal token. Set the API Key to your personal token in the ProfileSettings property to connect.
After creating a DSN, follow the steps below to add a new data source, test our connection to it, create a ColdFusion markup file, and, finally, import ClickUp Data and display it in a table in ColdFusion:
The following code queries the data source:
<cfquery name="ClickUpQuery" dataSource="CDataClickUpODBC"> SELECT * FROM Tasks </cfquery>And a CFTable can be used to quickly output the table in HTML:
<cftable query = "ClickUpQuery" border = "1" colHeaders colSpacing = "2" headerLines = "2" HTMLTable maxRows = "500" startRow = "1"> <cfcol header="<b>Id</b>" align="Left" width=2 text="Id"/> <cfcol header="<b>Name</b>" align="Left" width=15 text="Name"/> ... </cftable>Full code, including the HTML portion is available below:
<html>
<head><title>CData Software | ClickUp Tasks Table Demo </title></head>
<body>
<cfoutput>#ucase("ClickUp Tasks Table Demo")#</cfoutput>
<cfquery name="ClickUpQuery" dataSource="CDataClickUpODBC">
SELECT * FROM Tasks
</cfquery>
<cftable
query = "ClickUpQuery"
border = "1"
colHeaders
colSpacing = "2"
headerLines = "2"
HTMLTable
maxRows = "500"
startRow = "1">
<cfcol header="<b>Id</b>" align="Left" width=2 text="Id"/>
<cfcol header="<b>Name</b>" align="Left" width=15 text="Name"/>
...
</cftable>
</body>
</html>
As a note, the CData ODBC Drivers also support parameterized queries using the cfqueryparam element. For example:
SELECT * FROM Account WHERE name =
Download a free, 30-day trial of the CData ODBC Driver for ClickUp and start building ClickUp-connected applications with Adobe ColdFusion. Reach out to our Support Team if you have any questions.
Connect to live data from ClickUp with the API Driver
Connect to ClickUp