You are here: 
xnodesystems.com > Home
Who are we?
XNode Systems is a software company that is specialized in developing professional
Web controls or components for the ASP.NET and ASP.NET MVC communities. Our primary
goal is to make Web development more efficient and fun by providing highly reusable,
feature rich yet light-weight Web controls or components to our customers.
What product do we provide?
We developed and released XField Suite - a new generation of ASP.NET data entry
Web controls that makes building rich and highly interactive data entry Web forms
a very enjoyable experience for Web developers. XField Suite 1.7 is the latest version.
It is mobile device aware and supports the following browsers:
IE |
Firefox |
Chrome |
Safari |
Opera |
See quick demo, detailed demo or learn more about XField Suite.
What is special about XField Suite?
XField Suite emphasizes on functionality encapsulation by leveraging the concept of
Field Control. A Field Control in XField Suite contains multiple data entry related
functionalities. Here is a highlight:
- Auto Label: automatically associate a label to a field by simply setting the Label property.
- Built-in Validations: declaratively configure pre-defined validations relevant to the field data type.
- Custom Validation: plug-in custom or even asynchronous validation logic.
- Rich Validation Result: graphical, textual or even custom validation result style.
- Interactive Auto-Complete Suggest List: tranforms all textbox fields into powerful searchable textbox.
- Mobile Device Awareness: interactive suggest list automatically adjusts on mobile devices for easy data entry.
- ToolTip: rich tooltip to help user enter data.
- Powerful Searchable Drop Down List: single-select (Dynamic List Field) and multi-select (Multi-Select List Field).
- Highly User Friendly Date Picker: supports both calendar and clearly guided manual entry.
- Intuitive and Easy to Use: one field for one data entry task - no "super" controls requiring tricky settings.
These features bring the following benefits:
- Unparalleled data entry user experiences on desktop and mobile devices.
- Timely delivery of professional data entry Web forms with rich behaviors.
- Quick response to frequently changing user requirements.
- Focusing more on solving business problem such as building the domain layer of your software system.
- Make it easy to build dynamic data entry Web form.
What's new in XField Suite 1.7?
- Resolved the tooltip pointer positioning issue found in Opera.
- Improved page download time using simplified JavaScript object namespace.
Quick Demo for XField Suite
<xfield:FieldPanel
ID="uxFieldPanel"
runat="server"
CssClass="field_panel"
NullableFieldManager-LabelWidth="145px">
<script
type="text/C#"
runat="server">
protected
void Page_Load(object sender,
EventArgs e)
{
if (!IsPostBack)
{
foreach
(Country country
in Country.Broker.GetAll())
{
fldLocation.SuggestListWords.Add(country.Name);
fldCountry.Items.Add(new ListItem(country.Name,
country.Code));
fldCountries.Items.Add(new ListItem(country.Name,
country.Code));
}
}
}
protected
void btnSubmit_Click(object sender, EventArgs e)
{
if (Page.IsValid)
{
lblMessage.Text =
"Congratulations! All fields passed validation.";
}
}
</script>
<xfield:EmailAddressField
ID="fldEmail"
runat="server"
Label="Email Address">
<DataFormatValidation
Message="Invalid email
address format." />
<NotNullValidation
Enabled="true"
Message="Email address
is required." />
<RichTip
Enabled="true"
ContentHtml="<b>Tip: </b>Requires a value in format
of e-mail address." />
</xfield:EmailAddressField>
<div
class="field_spacer_big"> </div>
<xfield:TextField
ID="fldLocation"
runat="server"
Label="Location"
Width="200"
SuggestList-MaxVisibleRows="10"
SuggestList-MaxRows="10">
<RichTip
Enabled="true"
ContentHtml="<b>Tip: </b>Type
to search for a location or enter any free text."
/>
</xfield:TextField>
<div
class="field_spacer_big"> </div>
<xfield:DynamicListField
ID="fldCountry"
runat="server"
Label="Country / Region"
SelectionPromptText="Type
to search..."
SuggestList-MaxVisibleRows="16">
<NotNullValidation
Enabled="true"
Message="Entry is required."
/>
<RichTip
Enabled="true"
ContentHtml="<b>Tip: </b>This field requires entry.
Type to search the country." />
</xfield:DynamicListField>
<div
class="field_spacer_big"> </div>
<xfield:DateField
ID="fldDateOfBirth"
runat="server"
Label="Date of Birth">
<DataFormatValidation
Message="Invalid date"
/>
<RelativeRangeValidation
Enabled="true"
LowerBound="-35"
UpperBound="-18"
Message="Are
you between 18 and 35?" />
<RichTip
Enabled="true"
ContentHtml="<b>Tip: </b>The value entered must
imply an age between 18 and 35." />
</xfield:DateField>
<div
class="field_spacer_big"> </div>
<xfield:NumericField
ID="fldAmount"
runat="server"
Label="Amount">
<DataFormatValidation
Message="Invalid amount.
Maximum decimal places is 2." />
<RangeValidation
Enabled="true"
LowerBound="25"
UpperBound="300"
Message="Must
be between 25 and 300." />
<RichTip
Enabled="true"
ContentHtml="<b>Tip: </b>Accepts a numeric value
between 25 and 300 with maximum decimal places of 2."
/>
</xfield:NumericField>
<div
class="field_spacer_big"> </div>
<xfield:MultiSelectListField
ID="fldCountries"
runat="server"
Label="Countries / Regions"
SelectionPromptText="Search..."
SelectAllText="---Select
All---"
SuggestList-MaxVisibleRows="10">
<NotNullValidation
Enabled="true"
Message="Entry is required."
/>
<SelectedItemsCountValidation
Enabled="true"
Message="2 to 4 entries
please."
LowerBound="2" UpperBound="4" />
<RichTip
Enabled="true"
ContentHtml="<b>Tip: </b>Requires 2 to 4 entries.
Type in the search box to find countries." />
</xfield:MultiSelectListField>
<div
style="clear:both;"> </div>
<div
style="float:left;width:145px;"> </div>
<asp:Button
ID="btnSubmit"
runat="server"
Text="Submit"
OnClick="btnSubmit_Click"
/>
<asp:Label
ID="lblMessage"
runat="server"
EnableViewState="false"
Style="color: Green"></asp:Label>
</xfield:FieldPanel>
Go to top