|
Hyperspace
A web application prototyping facilitator
Hyperspace advanced feature: Element override
At the current node you may want to modify an HTML element that was inherited from
another node. This can be done via the element override feature that was added to
Hyperspace to ensure the user does not need to clone even the smallest piece of
HTML.
To make an HTML element participate in the element override feature:
- The element must have an "id" attribute.
- The element must be located within a "form" element.
- Only one "form" element may be defined.
At any child node the user can select the element override tab to see all the HTML
elements that have an "id" attribute. There, the user can override the element value
or element style.
The result is that the overrides only appear in the current
node and any nodes that inherit from this node (if any).
For example
A use case node was created with a login form. One of the inputs
on the login form is a text box with id equal to "UserId".
You want to illustrate
what effect different inputs have on the login functionality.
Your first scenario is to illustrate an unsuccessful login.
You create a scenario node called "Unsuccessful"
and then override the "UserId" element that was
defined in the use case node and you specify an override value
that illustrates an invalid input.
Your second scenario is to illustrate a successful login.
You create a second scenario node called "Successful"
and then you override the same "UserId" element and
specify an override value that illustrates a valid input.
The effect can be seen immediately in the "View" tab and can also be seen
in stand-alone HTML files when the project is published.
|