{{7/16/2015 Workflow 7.6 update — review this update for new info on this post.}}
A few days ago I spent about 10 minutes researching why my AD credentials were busted, only to realize I had caps lock turned on. I built this for people like myself who sometimes go moon-brained.
Here’s a quick how-to on adding a CAPS LOCK warning to your login forms. If you’re using a modern version of IE, this feature will be built-in. For any other modern browser, however, we’ll need to add one if we want it.
{{7/16/2015 Workflow 7.6 update — review this update for new info on this post.}}
For a project I’m developing that involves interactive reports, I needed the ability to filter results based on user input. I didn’t want to do the usual – type a value into a TextBox, click a “filter” or “search” Button and then have Workflow run a filter and reload the entire form with the new result set.
With the help of Google and a number of great reference articles, I was able to piece together a bit of Javascript that results in a very slick and seamless ListSelect filter.
In response to a forum request at Symantec Connect, I came up with a method of mimicking the functionality of an html anchor tag on a Workflow form. What this does, functionally, is scrolls a form to a specific position.
{{7/16/2015 Workflow 7.6 update — review this update for new info on this post.}}
In response to a post on Symantec Connect, I built a quick Workflow demo project to show how to use CSS and Javascript to highlight a required section panel when a CheckBox is checked.
I had a need for a “Duration” field, and liked the idea of (instead of using a masked textbox or two dates (start and end)) using range sliders to increment the duration parts of the value.
A quick note on using DynamicUpdatePanels and body onload events. The update panels, when updated, do not trigger the body’s onload event. To get past this, we can use the form’s “Script” section and use the native function pageLoad() to run the actions we want to have happen.
Treat this entry as a proof-of-concept, as I just discovered it today, and haven’t thoroughly tested the potential or outcomes of this method.
Using javascript, we’re able to dynamically resize a form to provide more real-estate when required.
As I don’t have a lot of experience with Javascript outside of Workflow, I was, prior to yesterday, unfamiliar with the “oninput” function. As it turns out, it’s a bit better for most of the value validations than what I was using previously (onchange). Here’s a quick rundown on how to make use of this feature.
Much like the method for adding the “placeholder” attribute, and similar to the onchange event, we’re going to need to use javascript to add the “oninput” event attribute to an element on body onload.
Here’s a short post on how to achieve transition effects with CSS in your Workflow forms. First, a couple of examples:
Another:
In this use case, I have a form with an embedded Iframe. In the Iframe, I have a small webform that is continuously recycling to update the status of a patch staging/download task.
