The Cp X-ray Widget is a debugging aid that enables you to explore the content of a Captivate presentation with the assistance of De MonsterDebugger.
Installation steps
- Download the Cp X-ray Widget
- Download and install De MonsterDebugger
How to use it
First, insert the Cp X-ray Widget into your presentation. You can insert it on any page that you want to monitor visually. A good tip is to put it on the master slide so you can see it on all the slides. The only option available in the widget properties dialog is to have the widget pause the presentation after a certain number of milliseconds. Beside this option, there’s also a link to download the De MonsterDebugger.
Start De MonsterDebugger and then preview your project. The widget runtime appearance is this:
The first thing to do is to select an object to inspect. The widget will propose you to inspect the main presentation or any of the slides present in the presentation. As soon as you select an object to inspect, two things will happen. The first one is that the second control of the widget will be enabled so you can now trace objects. We will get back to this a little bit later. The second thing that will happen is that De MonsterDebugger will show the display hierarchy of the object under inspection. The next picture shows De MonsterDebugger after we have selected a slide:
If you select an item in the DISPLAY TREE window, the objects and methods belonging to this item get also displayed in the INSPECTOR windows, just beside the DISPLAY TREE window. So, from that point on you are able to inspect any Captivate item, its display hierarchy and the objects that constitute it. But wait, there’s more: Every time you select an item in the DISPLAY TREE, DeMonsterDebugger will highlight it in Captivate. For example, in the following picture, we have selected a question slide containing a Likert style question. We have drilled down the display hierarchy until we found the _likertHeaderContainer movieclip. We selected it and De MonsterDebugger highlighted it for us inside Captivate. Neat isn’t it?
Tracing objects
Now that we can see all the visual items in the presentation and have a summary of the object contained within it (INSPECTOR window), wouldn’t be nice if we could actually have more information? Well it turns out that you can too. In the next picture (click on it for a bigger view), we went back to the Cp X-ray Widget and are now inspecting the main presentation. We have also highlighted the top item (instance34) and are looking at the objects in the INSPECTOR window. Something attracts our attention. It seems that there is a variable called “movieXML”. Hummm that sounds interesting but there are not details for it. This is where the trace functionality comes handy. You just go back to the Cp X-ray Widget and type in the name of the variable to trace and hit the Go button. Note that it may takes a few seconds for the trace to appear in De MonsterDebugger.
Ok, I see that the TRACES window contains my trace but now what? Simple: double click on the line containing the trace statement. A new dialog opens and displays the object properties up to 4 levels down. Take a look at this picture.
You can trace any object that you see in the DISPLAY TREE and INSPECTOR windows. The catch is that you need to write the complete path to the object. For example, if you want to trace the _ItemXML object under _titleMC clips which is located in Slide1_mc, you would have to type: Slide1_mc._titleMC.m_ItemXML. Take note that the names are case sensitive so if you miss on letter, the trace will not work.
Warning
I think that De MonsterDebugger is a great tool but I had my fair share of problems and crashes with it. There are a few quirks that you will eventually get over with and you need to restart the application often because it stops responding. Maybe it’s my machine and I was running my memory to high.That, I don’t know. However, it’s still a great tool to use.
So, download the widget and have fun. Remember that this is version 1 and let me know if you find bugs in it.





Subscribe to the feed
August 23rd, 2010 at 05:55
Very cool Yves!
I’m sure that this will come in handy for many developers. I will definitely use it so thanks a lot for making this tool.
/Michael
August 23rd, 2010 at 07:03
Thanks Michael,
I was not a big deal to put together but it will sure ease the process of finding hooks to augment Captivate capabilities. I know it will be for my next project.
Yves
August 23rd, 2010 at 10:33
The man does it again! Way cool! Saves the pain of debugging! Go Yves! Go!
August 24th, 2010 at 09:26
I’m the guy who posted the question on the Adobe Captivate forum about getting info from the captivate question slide. This is an excellent solution – so easy to use – 100 times easier than the manual method I was using. Thank you Yves, this is going to make my life a lot simpler! (And hopefully get my widgets out there in the public domain a bit quicker)
August 24th, 2010 at 12:26
@David,
Thanks for being my #1 cheerleader David
@Fran,
That’s the reason for the tool. Let us know when you get your widget out. The widget developers community is rather small so it’s nice to see other developers work as well.
November 3rd, 2010 at 14:43
Hi,
do you know if other folks have had problems with the widget? I cannot seem to get it to work. The logo shows up as a red box in the Previewed or Published versions and the controls don’t work. I’m running this in Captivate 4, so perhaps it is only for C5? Thanks for any info.
Best regards,
Mark
November 3rd, 2010 at 17:23
Ok, after hunting around on the rest of the site, I see that the Cp X-ray Widget is only for CS5. I’m noting it here so other folks who may not be as dogged as me will know.
November 3rd, 2010 at 20:11
Hi Mark,
Yes, the widget is Cp5 only. Sorry for not making this clearer. I will update this page to make this clearer.
Yves
April 5th, 2011 at 16:24
Should this work with the new version 3 of the Demonster Debugger? I’m having a hard time getting them to talk to each other.
April 5th, 2011 at 20:32
Hi Keith,
Effectively, it doesn’t seem to be working with v3. I will try to update the widget when I get some time.
April 6th, 2011 at 10:32
Know that you have an appreciative audience eagerly awaiting the next version. I’ve been unable to throw together a quick and dirty widget that will connect using the new AIR 2.6 and DeMonster Debugger 3 so far…
July 1st, 2011 at 09:25
[...] CpXray Widget has been updated to work in conjunction with the DeMonster Debugger 3. This new version of the [...]