Form

Table of Contents

Markup Tutorial

Interfacing with Java™

Web Services

Button Group

Interfacing with Java

Form

A new form element is being defined.

In the meantime...

<?xml version="1.0"?>
<resource xmlns="http://www.enode.com/xalt" xmlns:xlink="http://www.w3.org/1999/xlink">
    <reserve>
        <emptyBorder id="blankSpace" insets="10 10 10 10"/>
        <lineBorder id="thinLine" color="gray"/>
        <titledBorder id="domainBorder" title="Log In Domain" border="#thinLine"/>
        <button id="logInButton" title="Log In" defaultCapable="true"/>
        <buttonGroup selection="0">
            <radioButton id="america" title="America"/>
            <radioButton id="europe" title="Europe"/>
            <radioButton id="other" title="Other"/>
        </buttonGroup>
    </reserve>
    <frame title="Log In" defaultButton="#logInButton">
        <panel id="logInPanel" border="#blankSpace">
            <borderLayout verticalGap="10"/>
            <label title="Your session has expired!" icon="images/globe.gif" constraints="North"/>
            <panel>
                <boxLayout orientation="vertical"/>
                <panel border="#domainBorder">
                    <radioButtonRef xlink:href="#america"/>
                    <radioButtonRef xlink:href="#europe"/>
                    <radioButtonRef xlink:href="#other"/>
                </panel>
                <panel border="#blankSpace">
                    <boxLayout orientation="vertical"/>
                    <panel>
                        <flowLayout horizontalAlignment="trailing"/>
                        <label title="User Name: "/>
                        <textField columnCount="12"/>
                    </panel>
                    <panel>
                        <flowLayout horizontalAlignment="trailing"/>
                        <label title="Password: "/>
                        <passwordField columnCount="12" echoCharacter="#"/>
                    </panel>
                </panel>
                <panel>
                    <flowLayout horizontalGap="10"/>
                    <button title="Cancel"/>
                    <buttonRef xlink:href="#logInButton"/>
                </panel>
            </panel>
        </panel>
    </frame>    
</resource>

Make this object in eNode Sandbox. The result should be similar to the following: