Please note : This help page is not for the latest version of Enterprise Architect. The latest help can be found here.

Webpage Wireframe Toolbox

The Webpage Wireframe Diagram Toolbox pages provide the templates for modeling the schematics, blueprints or framework of a website, defining how the web pages work rather than what they look like. You can see and build on an example of how to model the webpage interface by dragging the Webpage Pattern icon onto a diagram.

Access     Diagram | Diagram Toolbox: More tools | Wireframing | Webpage

Webpage Toolbox pages

Image

Detail

See also

Wireweb

 

Combobox, List, Progress/Navigation bar and Tab Control all provide lists of values, which you can extend by opening the Notes field of the appropriate Wireframing Tagged Value and adding, editing or removing items from the Values list.

In the Paragraph element you can set text alignment in the Align Text Tagged Value, and edit the text itself in the Value field of the Text Tagged Value (which is of type <memo>). You can also do basic HTML text formatting, as for other formatted notes in elements.

The Calendar element, when created, defaults to the current day and continues to update each day unless you set a value in the element's Date Tagged Value. If set, the date remains static until it is reset to Today in the Tagged Value.

Navigation Control defines a menu with, if required, multiple levels of sub-menu options. You can add and remove options at any level using the Wireframe tab of the Properties dialog. Each option, at any level, has these Tagged Values:

·Name: Set the text of the menu option
·Expanded: Indicate if the option will display its sub options (if any);  expanded items are always highlighted, regardless of the setting of Highlighted (below)
·Highlighted: Draw the item with a different colored background

 

Hyperlink and Header elements are both also defined on the Wireframe tab, and have a number of style Tagged Values that you set using simple drop-down lists:

·color
·font-size
·font-family
·font-style
·text-align
·text-decoration