Business Console 10.11 | webMethods Business Console Documentation | Developing Gadgets for Business Console | Getting Started | Using Forms with Gadgets | Adding HTML User Interface Code to Show Form
 
Adding HTML User Interface Code to Show Form
1. Navigate to view.xhtml of the gadget.
2. Add the following HTML tag.
<html>
<body>
<h3>HelloWorld Gadget</h3>
...
<div class="container-full">
<form role="form" name="myForm">
<div class="form-group row">
<label for="firstName" class="col-md-4">First Name:</label>
<input type="text" class="col-md-8 remove-paddings" name="firstName"
id="firstName" data-ng-model="config.params.firstName"></input>
</div>
<div class="form-group row">
<label for="lastName" class="col-md-4">Last Name:</label>
<input type="text" class="col-md-8 remove-paddings" name="lastName"
id="lastName" data-ng-model="config.params.lastName"></input>
</div>
<div class="form-group row">
<label for="phone" class="col-md-4">Phone:</label>
<input type="text" class="col-md-8 remove-paddings" name="phone"
id="phone" data-ng-model="config.params.phone"></input>
</div>
<input class="btn bc-button row" type="button" value="Submit Form"
onclick="submitForm()"></input>
</form>
</div>

...
</body>
</html>