topical media & game development
professional-xml-23-syntax-appearance.xml / xml
<?xml version="1.0" encoding="UTF-8"?>
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">-->
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:my="some-URI" xmlns:xf="http://www.w3.org/2002/xforms" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<head>
<xf:model>
<xf:instance>
<my:selections>
<my:name>Foo deBar</my:name>
<my:value xsi:type="xsd:integer">42</my:value>
<my:country>en de</my:country>
</my:selections>
</xf:instance>
</xf:model>
</head>
<body>
<table cellpadding="5" cellspacing="5" border="0">
<tr>
<th/>
<th>Select</th>
<th>Select1</th>
</tr>
<tr>
<th>Default</th>
<td>
<xf:select ref="my:country">
<xf:item>
<xf:label>English</xf:label>
<xf:value>en</xf:value>
</xf:item>
<xf:item>
<xf:label>French</xf:label>
<xf:value>fr</xf:value>
</xf:item>
<xf:item>
<xf:label>Spanish</xf:label>
<xf:value>es</xf:value>
</xf:item>
<xf:item>
<xf:label>German</xf:label>
<xf:value>de</xf:value>
</xf:item>
</xf:select>
</td>
<td>
<xf:select1 ref="my:country">
<xf:item>
<xf:label>English</xf:label>
<xf:value>en</xf:value>
</xf:item>
<xf:item>
<xf:label>French</xf:label>
<xf:value>fr</xf:value>
</xf:item>
<xf:item>
<xf:label>Spanish</xf:label>
<xf:value>es</xf:value>
</xf:item>
<xf:item>
<xf:label>German</xf:label>
<xf:value>de</xf:value>
</xf:item>
</xf:select1>
</td>
</tr>
<tr>
<th>Full</th>
<td>
<xf:select ref="my:country" appearance="full">
<xf:item>
<xf:label>English</xf:label>
<xf:value>en</xf:value>
</xf:item>
<xf:item>
<xf:label>French</xf:label>
<xf:value>fr</xf:value>
</xf:item>
<xf:item>
<xf:label>Spanish</xf:label>
<xf:value>es</xf:value>
</xf:item>
<xf:item>
<xf:label>German</xf:label>
<xf:value>de</xf:value>
</xf:item>
</xf:select>
</td>
<td>
<xf:select1 ref="my:country" appearance="full">
<xf:item>
<xf:label>English</xf:label>
<xf:value>en</xf:value>
</xf:item>
<xf:item>
<xf:label>French</xf:label>
<xf:value>fr</xf:value>
</xf:item>
<xf:item>
<xf:label>Spanish</xf:label>
<xf:value>es</xf:value>
</xf:item>
<xf:item>
<xf:label>German</xf:label>
<xf:value>de</xf:value>
</xf:item>
</xf:select1>
</td>
</tr>
<tr>
<th>Compact</th>
<td>
<xf:select ref="my:country" appearance="compact">
<xf:item>
<xf:label>English</xf:label>
<xf:value>en</xf:value>
</xf:item>
<xf:item>
<xf:label>French</xf:label>
<xf:value>fr</xf:value>
</xf:item>
<xf:item>
<xf:label>Spanish</xf:label>
<xf:value>es</xf:value>
</xf:item>
<xf:item>
<xf:label>German</xf:label>
<xf:value>de</xf:value>
</xf:item>
</xf:select>
</td>
<td>
<xf:select1 ref="my:country" appearance="compact">
<xf:item>
<xf:label>English</xf:label>
<xf:value>en</xf:value>
</xf:item>
<xf:item>
<xf:label>French</xf:label>
<xf:value>fr</xf:value>
</xf:item>
<xf:item>
<xf:label>Spanish</xf:label>
<xf:value>es</xf:value>
</xf:item>
<xf:item>
<xf:label>German</xf:label>
<xf:value>de</xf:value>
</xf:item>
</xf:select1>
</td>
</tr>
<tr>
<th>Minimal</th>
<td>
<xf:select ref="my:country" appearance="minimal">
<xf:item>
<xf:label>English</xf:label>
<xf:value>en</xf:value>
</xf:item>
<xf:item>
<xf:label>French</xf:label>
<xf:value>fr</xf:value>
</xf:item>
<xf:item>
<xf:label>Spanish</xf:label>
<xf:value>es</xf:value>
</xf:item>
<xf:item>
<xf:label>German</xf:label>
<xf:value>de</xf:value>
</xf:item>
</xf:select>
</td>
<td>
<xf:select1 ref="my:country" appearance="minimal">
<xf:item>
<xf:label>English</xf:label>
<xf:value>en</xf:value>
</xf:item>
<xf:item>
<xf:label>French</xf:label>
<xf:value>fr</xf:value>
</xf:item>
<xf:item>
<xf:label>Spanish</xf:label>
<xf:value>es</xf:value>
</xf:item>
<xf:item>
<xf:label>German</xf:label>
<xf:value>de</xf:value>
</xf:item>
</xf:select1>
</td>
</tr>
</table>
<h3>Setting help, hint, alert</h3>
<p>
<xf:input ref="my:name">
<xf:label>Name: </xf:label>
<xf:help>Help for the name field</xf:help>
<xf:hint>Hint for the name field</xf:hint>
<xf:alert>Alert for the name field</xf:alert>
</xf:input></p>
<p>
<xf:input ref="my:value">
<xf:label>Integer Value: </xf:label>
<xf:help>Help for the value field</xf:help>
<xf:hint>Hint for the value field</xf:hint>
<xf:alert>Alert for the value field<br /></xf:alert>
</xf:input>
</p>
</body>
</html>
(C) Æliens
20/2/2008
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.
