pcjs/docs/pcjs/component

<component>

Component XML Specification

Format

<component>...</component>

Purpose

Describes a machine component. It is transformed into an outer "component" <div> and an inner "container" <div>. See Output details below.

Attributes

• id (optional)
  • ID of the component <div> that uniquely identifies the component on the page.
• name (optional)
  • User-friendly name to be displayed between the component <div> and container <div>.
• class (optional)
  • Class name for the component <div>.
• width (optional)
  • Width of the component <div>.
• pos (optional)
  • Positional value added to the style attribute of the component <div>. "left" is a shortcut for "float:left", "right" a shortcut for "float:right", and "center" a shortcut for "margin:0 auto".
• border (optional)
  • Border for the container <div>.
• style (optional)
  • Value(s), if any, used as-is for the container <div>.

Example

<component id="ibm5150" class="pcjs" width="740px" pos="center" border="1">...</component>

Output

<div id="..." class="pc-component">
	<div class="pc-container">
		...
	</div>
</div>

[Return to PCjs Documentation]