Skip to main content

Posts

CFlocation: How to redirect a page with token in ColdFusion

Introduction In web development, page redirection is a common practice that allows developers to direct users from one URL to another automatically. Adobe ColdFusion offers the <cflocation> tag, a simple yet powerful tool for performing such redirections. This is particularly useful for implementing clean navigation flows, guiding users based on conditions, or moving them securely between different areas of a web application. One of the key features of the <cflocation> tag is its ability to append a unique token to the URL, adding an extra layer of security to the redirection process. This tutorial provides an example of how to use the <cflocation> tag in ColdFusion to redirect a user while adding a session token for secure identification. Setting up the Document The example begins by defining a basic HTML structure. The document uses the standard DOCTYPE declaration for HTML and includes essential meta tags to specify the character encoding of the document. The ...
Read more

How to display data in a html format grid in ColdFusion

Introduction ColdFusion offers a wide range of tags and features that simplify the process of integrating dynamic data into web applications. One of these useful features is the <cfgrid> tag, which enables developers to display data in a structured, grid-like format within a webpage. This tutorial demonstrates how to create a simple HTML grid using ColdFusion’s <cfgrid> tag to display employee data from a database. The example code shows how to pull data from a database query and present it in a user-friendly, visually appealing format without requiring extensive front-end development work. In this guide, we will explore how the code leverages ColdFusion’s database query capabilities in combination with form and grid display functions to produce an interactive HTML grid. By the end, you’ll understand how each part of the code contributes to the overall functionality of this example. Database Query Setup The first key element of this example is the use of the <cfquery...
Read more

How to display data in an Applet format Grid in ColdFusion

cfgrid - display data in an applet format grid cfgrid.cfm <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>cfgrid tag example: how to display data in an applet format grid</title> </head> <body> <h2 style="color:DodgerBlue">ColdFusion cfgrid example: Applet Format</h2> <cfquery name="qEmployee" datasource="cfdocexamples"> SELECT * FROM Employees </cfquery> <cfform method="post" name="GridExampleForm"> <cfgrid name="Employee" query="qEmployee" format="applet" width="625" height="300" > </cfgrid> </cfform> </body> </html> More ColdFusion example cfgrid - display data in a flash format grid cfg...
Read more

How to display data in a flash format grid in ColdFusion

cfgrid - display data in a flash format grid cfgridflash.cfm <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>cfgrid tag example: how to display data in a flash format grid</title> </head> <body> <h2 style="color:DodgerBlue">ColdFusion cfgrid example: Flash Format</h2> <cfquery name="qCenters" datasource="cfdocexamples" maxrows="10"> SELECT Name,City,Country FROM Centers </cfquery> <cfform method="post" name="GridExampleForm"> <cfgrid name="Centers" query="qCenters" format="flash" width="400" height="275" > </cfgrid> </cfform> </body> </html> More ColdFusion examples cfgrid - display...
Read more

How to use cflayout type hbox with cflayoutarea n ColdFusion

Introduction ColdFusion, known for simplifying web application development, offers several built-in tags that streamline the creation of dynamic user interfaces. One such tag is <cflayout> , which allows developers to arrange content in various layouts. The hbox (horizontal box) layout type is particularly useful for displaying content side by side. In this tutorial, we explore how to use the cflayout tag with type="hbox" to create a clean and responsive horizontal layout, showcasing multiple images. The combination of cflayout and cflayoutarea helps in defining specific regions for content within a structured layout. The example we're examining demonstrates how to create an image gallery layout using ColdFusion, displaying a series of images in a horizontal format. Each image is wrapped inside a ColdFusion pod ( cfpod ), which is a container with a title and customizable dimensions. This tutorial will walk through the structure, key components, and functionalit...
Read more

How to use cfpod with inline content in ColdFusion

Introduction In Adobe ColdFusion, the <cfpod> tag is a versatile tool for creating containers, or "pods," to organize and display content within a webpage. Pods are often used to enhance user interface design, as they allow content to be grouped within resizable, collapsible, and stylized frames, much like widgets. The code example provided here demonstrates the use of the <cfpod> tag to display inline content, specifically focusing on showcasing an image within a visually distinct container. This tutorial will walk you through the essentials of using <cfpod> with inline content, breaking down each component to help you understand the setup, structure, and benefits of using this tag in ColdFusion applications. Setting Up the Basic Structure The provided example code starts with a basic HTML structure to define the document's type and set up the essential metadata for character encoding and title. This foundational setup is important for ensuring the w...
Read more

How to use cflayout with type vbox and cfpod

cflayout with type vbox and cfpod cflayoutvbox.cfm <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>How to use cflayout with type vbox and cfpod</title> </head> <body> <h2 style="color:DodgerBlue">ColdFusion cflayout example: Type vbox</h2> <cflayout name="ImageExplorer" type="vbox"> <cflayoutarea name="OrchidImage"> <cfpod title="Flower" height="200" width="250" > <img src="./Images/Flower.jpg" width="75%" height="75%" /> </cfpod> </cflayoutarea> <cflayoutarea name="Orchid1Image"> <cfpod title="Flower 1" height="2...
Read more