Web widgets

These special widgets add extra functionality and a better look to your prototypes. These widgets are like containers that can contain other kinds of elements common in the computer world such as electronic documents, web sites or flash files.

HTML

The HTML widget can display HTML code using a web browser embedded in it. When you create a HTML widget it displays a simple text in HTML by default. To change the HTML code displayed by this widget:

  1. Select the HTML widget on the screen.

  2. Make your changes in the text box next to the HTML field of the Properties panel.

  3. Click outside the text box to apply the changes.

URL

This widget displays a web page using a web browser embedded in it. When you create this widget it displays Justinmind's web page by default. To change the web page displayed by this widget change its associated URL:

  1. Select the URL widget on the screen.

  2. Change the URL in the 'URL' field of the Properties panel.

  3. Press Enter to apply the changes or click outside the URL text box to cancel them.

Document

The Document widget can display external text documents. The formats supported by this widget are PDF, TXT and XML. When a Document widget is created it displays a PDF file as an example by default. You can change the document displayed:

  1. Select the Document widget on the screen.

  2. Click on the Browse button in the 'File' field of the Properties panel and select the desired document.

Requirement: In order to display the PDF files correctly you need to have Adobe Acrobat Reader installed on your computer.

Flash

This is the widget used to display Flash files. When a Flash widget is created it displays a flash file as an example by default. You can change the document displayed by this widget as well as its parameters in the Properties panel:

  1. Select the Flash widget on the screen.

  2. Click on the Browse button in the 'File' field of the Properties panel and select the desired document. Change the its input parameters using the parameters' table under the 'File' field.

HTML Website

This widget displays an entire HTML site you can have locally in your computer using a web browser embedded in it. To create a new HTML website widget:

  1. Click on the HTML Website widget in the Widgets panel. A dialog will appear.

  2. In the first field 'Select a directory', select the website folder (folder where all the site files -HTML, images, CSS, etc.- are contained). Use the Browse button to navigate through your local disks.

  3. In the second field 'Choose an entry file', select an initial html file, usually the index.html. It is recommended this file to be located inside the folder selected in the previous step.

  4. Press Ok to accept the parameters and close the dialog. Then click on the screen to finally create the widget. Press Cancel in the dialog to cancel creation.