slide1 l.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Energizing Your Business On The Web PowerPoint Presentation
Download Presentation
Energizing Your Business On The Web

Loading in 2 Seconds...

play fullscreen
1 / 20

Energizing Your Business On The Web - PowerPoint PPT Presentation


  • 68 Views
  • Uploaded on

Energizing Your Business On The Web. CFFORM Enhancements Presentation to MDCFUG Simon Horwith, CIO. Overview. Who Am I? General Overview – What’s New with CFFORM in CFMX 7? New Controls Tree, Select, Grid, Calendar New Formats Flash, XML New Layout Controls New Validation

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

Energizing Your Business On The Web


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
slide2

CFFORM Enhancements

Presentation to MDCFUG

Simon Horwith, CIO

slide3

Overview

  • Who Am I?
  • General Overview – What’s New with CFFORM in CFMX 7?
  • New Controls
    • Tree, Select, Grid, Calendar
  • New Formats
    • Flash, XML
    • New Layout Controls
  • New Validation
    • Form, CFParam, isValid(), scriptprotect
  • New Look
    • Skins, CSS
  • Performance Considerations

BG Text

slide4
CIO – AboutWeb, LLC

Editor in Chief, ColdFusion Developer’s Journal

Member of Team Macromedia

Macromedia Certified Master Instructor

Who Am I?

slide5
New Formats - Flash and Xforms

New Controls – Calendar, Flash Grids and Select boxes, DatePicker

New Layout Model – similar to Flex

New Validation – new validation types, new methods of validating, new CFParam functionality, new isValid() method, XSS prevention, AND CONSISTENCY!

Support for CSS and Skins!

New Performance Best Practices

General Overview – What’s new ?

slide6
CFTREE - Flash, XML, and data formats

CFSELECT - Flash Format

CFGRID – Flash and XML Format

CFCALENDAR

Date Picker

New Controls

slide7
Flash – uses special edition of Flex 1.5

XML (XForms) – many XSLT templates out of the box, or write your own!

<CFFORM> “format” attribute

HTML Layout (Tables) not used in XML or Flash Forms

New Formats

slide8
Label Attribute of form controls to define labels

<CFFORMGROUP> groups controls (* - flash only)

New Formats - Layout

slide9
<CFFORMGROUP> tags can be nested to create complex layouts

<CFFORMITEM> creates spaces, horizontal rules, vertical rules, and simple text output!

Like <CFFORM> controls, these can be dynamically generated and attributes dynamically populated

New Formats – Layout cont’d

slide10
Pretty much every <CFFORM> control, including <CFFORMGROUP> and <CFFORMITEM> has attributes:

toolTip

Visible

enabled

Height/width

Style

New Layouts

slide12
New Validation Locations:

Validateat

onBlur

onServer

onSubmit

New Events (work for most elements):

New Validation cont’d

slide13
Hidden Fields for Server-Side Validation

New Validation – cont’d

slide14
You can now “mask” fields - VERY COOL

A represents letters

9 represents numbers

X represents alpha-numerics

? represents any other single character

All other characters represent themselves

New Validation cont’d

slide15
Flash forms support:

AS 2 in the onEvents and expose all of the control values as well as the AS 2 core libraries

The ability to “bind” controls with their “bind” attribute. Bind in one control means it’s value derives from another when the other changes. Syntax for a typical bind: {formcontrol.text}

For more on the syntax, read the Flex and AS 2 documentation

http://livedocs.macromedia.com/flex/15/asdocs_en/asdoc-title.html

New Validation cont’d

slide16
<CFPARAM> - supports all the new datatypes AND “xml,query,variableName,”, has pattern, max, and min attributes

<CFPARAM> will throw an exception if validation fails!

New - isValid() function can be used to validate whether or not a value matches any of the datatypes supported by <CFFORM> and <CFPARAM>

<CFAPPLICATION> “scriptprotect” attribute prevents XSS (Cross-Site Scripting)

New Validation cont’d

slide17
<CFFORM> and it’s controls and layout tags support:

Skins

XML forms supports about 10 skins and you can write your own using CSS and XSL!

Flash supports about 4 or 5 “halo” skins

CSS Styles

XML shouls have full CSS 2 support

Flash supports MOST CSS 1 and 2 (not positioning) and has several “extra” styles

New Look

slide18
Now you can specify the locations of your skins (XML only – ‘skin’), JS SRC (‘scriptSrc’), and applet (‘codebase’) document locations in <CFFORM>

Default location for skins is cfusion-ear\cfusion-war\CFIDE\scripts\ (css and xsl subdirectories)

<CFFORM> “accessible” attribute makes Flash screen reader accessible (adds 80K)

Specify whether to show a preloader (Flash)

Control Z-Index and transparency of Flash forms with ‘wMode’ attribute – “window”, “transparent”, “opaque”

Other neat stuff

slide19
Generating Flash requires compilation

To avoid recompilation, only make data dynamic – not attributes or layout

If you need to loop (not recommended for 10+ iterations or 5+ elements) use <CFFORMGROUP type=“repeater”>

Caching Data:

CF stores flash form values in memory when it generates a form

<CFFORM> “timeout” is a number of seconds CF stores the data in memory

If cache is expired or 0, the user receives “data expired” message and is asked to reload the page

Set to 0 for sensitive data that shouldn’t be cached

Performance Considerations

slide20
The End!

Feel free to email questions/comments to shorwith@aboutweb.com

Ta-Da!