InfoPath Dev

My form has multiple views which are used at various stages of the process. In some cases, a form is used in more than one stage of the overall process. What I am trying to accomplish is display a corresponding image according to the state of the approval process to provide some visual indication of where the item is in the approval process. What I have implemented feels clunky and not as streamlined as it could be.

Breakdown

There are 8 steps in the process and a corresponding image for each. In the background, there is a workflow that is updating a field in the form named WorkflowStatus. I have 8 groups in the Main Datasource that are placed in the header of the form as "Sections". In each Section (group) is a corresponding image. There are Formatting rules that HIDE the other 7 images based on the current status of the workflow process.

This works fine except that there are 4 different types of processes based on this form and that turns 8 images into 32 images and with 7 views and this is a whole lot of rules to implement and maintain. So what I had to do was create yet another another group for each of the 4 process types and then put each group on form as a "Section" and them embed the eight groups as "Sections" with the 8 corresponding images. Each process type has formatting rules that control whether the process type group should be visible on the form.

So, in design mode the header is so large it requires a lot of scrolling but it looks great during run-time. I've been thinking there has to be a better way to do this. I was thinking that possibly you could add all the images as resource files and use an image button to display the corresponding image based on the WorkflowStatus field. I'm sure I could do this in code but I'm trying to make it easy to maintain over time.

Has anyone tried something like this before? Any suggestions would be much appreciated.

Thanks!

Scott

Here is what you can do as long as these are not browser enabled forms and you dont mind using a small bit of code.

1.  Add picture controls for each of the eight pictures and make each picture the default image for that control.

2. Add a 9th picture control that will actually display a picture in the form.

3. In the onLoad event add code to set your main (9th) pictuer control to one of the other 8 picture controls depending on what step in the process you are in. I tried this using a button and rules so it can definitely be done using few lines of code.

Hope this helps!

Thanks Lockdown! After all that i failed to mention these are browser-enabled forms. Any other thoughts?