Hi everybody!
What a great week the last one: I went to Prague to WebExpo, met Peldi for the first time (yay!) and sat next to him to have a parallel development session… and now you all get to discover what that was about!

Today’s release brings a whole new level of interactivity to the generated prototypes and that’s possible because of the latest release of Balsamiq Mockups which includes a whole new “Custom Properties” feature.

If you right click on a component in Balsamiq Mockups now you have a Custom Properties menu

that opens this dialog

Now you have a way to specify the IDs of your components and that will be reflected in the exported code.

What about custom control data? I have a video for you to show you what you can do with it:

Simple, isn’t it?
For now the available actions are:

• hide: to hide a component
• show: to show a hidden component
• toggle: to toggle the visibility of a component
• js: to write Javascript code

To use these actions you just have to write XML-like code in the “custom control data” textarea of Balsamiq Mockups.
Like in the video, if you have a canvas with ID orangeBox, you can set up a button to hide it writing this code

<hide>orangeBox</hide>

You can download the BMML file and see the exported file here to have an example to start from.

And stay tuned, I’m planning to add more “actions” to the list!
The next release will be Flex-oriented since I still have to come up with a solution for the shapes in there and then I have to apply the actions in there as well. In the meanwhile I’m developing the ASP.NET exporter: if you are interested in trying it in advance, write me an email!

How can I update?

You have two ways to update Napkee:

• from the application itself, click on Check for updates
• online, from this page

Talk to you soon!
Ciao, Enrico

This post is tagged