Skip to main content

Posts

Showing posts with the label cfwindow

How to create a Window with custom header style in ColdFusion

Introduction In Adobe ColdFusion, creating a window with a customized header is a powerful way to enhance the visual appeal and user interface of a web application. The <cfwindow> tag in ColdFusion makes it easy to display a popup window on a web page without needing extensive JavaScript or external libraries. In this example, we’ll walk through how to apply a unique style to the header of a ColdFusion window using the headerstyle attribute of the <cfwindow> tag. This attribute allows developers to modify font size, color, background color, and other CSS properties of the window header. This guide will break down each part of the example code to help you understand the purpose and usage of each attribute in the <cfwindow> tag. We’ll cover configuring the window’s size, position, and appearance, as well as how to display an image within it. By the end of this guide, you’ll know how to implement your own custom-styled ColdFusion window. Setting Up the Window Structu...
Read more

How to create a Window with custom body style in ColdFusion

Introduction In ColdFusion, the <cfwindow> tag is an effective tool for creating visually appealing, interactive windows in web applications. It allows developers to easily add custom modals or popup windows with various attributes like position, size, and style, making it possible to create dynamic user experiences. In this tutorial, we’ll explore how to create a window with a custom body style using the ColdFusion <cfwindow> tag, highlighting key features such as custom background colors, font styles, and other window properties that enhance the overall aesthetic and functionality of the application. This guide is aimed at ColdFusion developers who want to add more flexibility to their user interfaces. We’ll break down how each attribute in the <cfwindow> tag works and how it contributes to customizing the window's appearance and behavior. Understanding the <cfwindow> Tag The <cfwindow> tag in ColdFusion is a powerful tool for creating interacti...
Read more

How to use CFwindow refreshonshow property in ColdFusion

cfwindow - refreshonshow property cfwindow.cfm <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>cfwindow tag example: how to use refreshonshow property in cfwindow</title> </head> <body> <h2 style="color:Olive; font-style:italic">cfwindow tag example: refreshonshow true</h2> <hr width="550" align="left" color="Beige" /> <br /> <a href="JavaScript:ColdFusion.Window.show('RandomNumberWindow')"> <b>Show Window</b> </a>     <a href="JavaScript:ColdFusion.Window.hide('RandomNumberWindow')"> <b>Hide Window</b> </a> <cfwindow name="RandomNumberWindow" title="Random Number" refreshonshow="true" x="25" y=...
Read more

How to create a modal Window in ColdFusion

cfwindow - create modal window cfwindowModal.cfm <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>cfwindow tag: how to create modal window in coldfusion</title> </head> <body> <h2 style="color:SaddleBrown; font-style:italic">cfwindow tag example: Modal Window</h2> <hr width="400" align="left" color="CadetBlue" /> <br /> <cfwindow name="FunnyWindow" title="Funny Image" initshow="true" resizable="false" height="400" width="450" modal="true" > <img src="Images/Funny.jpg" height="300" width="400"/> </cfwindow> </body> </html> More ColdFusion examples cfwindow DayOfWeekAsString()...
Read more

How to use CFwindow in ColdFusion

cfwindow cfwindow.cfm <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>cfwindow tag: how to use cfwindow in coldfusion</title> </head> <body> <h2 style="color:DodgerBlue; font-style:italic">cfwindow tag example: how to use</h2> <hr width="400" align="left" color="CadetBlue" /> <br /> <cfwindow name="FlowerWindow" title="Flower Image" initshow="true" modal="false" resizable="false" height="450" width="550" > <img src="Images/Flowers.gif"/> </cfwindow> </body> </html> More ColdFusion examples cftry and cfcatch - catch exception and handle error cfdiv cfscript - array in script cfwindow - creat...
Read more