Cloud Connected



"I have been searching for a product like Cloud CMS for over 10 years.

After false starts with some typical content management solutions, we were finally able to design the content repository that our business required."
James Baddiley
James Baddiley, CEO
ChilliSauce

Easy Forms with Cloud CMS

Cloud CMS lets you easily design and deploy forms for your web applications and content contributors.  In this blog entry, we’ll walk through how you can do this within the Cloud CMS Administration Console.

In this example, we’ll create a form that allows parents to register a child for a summer camp.

Add a Definition

We begin by telling Cloud CMS what a registration is.  This is a bit like defining a word in the dictionary.  We will define a “registration” and tell Cloud CMS what schema it should have.  The schema describes the properties, types, constraints and structure of the content.

When someone fills out the form, Cloud CMS can then capture the content and store it in a way that is searchable and reusable.

Within the Console, we go to our branch’s definitions and click New Definition.

image

We provide a few properties for our new definition including a qname which defines a unique key (kind of like a dictionary “word”) which is ours.

Now we define the schema of this definition.  Cloud CMS uses JSON Schema for content modeling.  The console provides a good JSON editor to make things easier.

image

This schema has 5 properties (event, name, birthday, phone and notes).  Some properties are required.  Others are not.  The event property is allowed to take on one of three values (“wobegon”, “music” or “arts”).

Now we save our definition.  Cloud CMS instantly compiles the definition with no server restarts and no downtime.  The console shows us that our definition is loaded up and ready to go.

image

Add a Form

So far, we’ve defined what a camp registration is.  That is to say, we’ve defined the model for a camp registration.  We now want to add a form that can be used to create new camp registration content instances.

Cloud CMS lets you have many forms for a single definition.  You might choose have one form for administration that shows all fields and gets down and dirty.  You might have another form that simplifies things, has a simple layout and is intended for parents to use on a web site.

Let’s create a simple form.  All we have to do is click on New Form.

image

We now provide some configuration for our form.  We can do many things here such as modify the layout, the placement of fields, plug in custom templates and configure different kinds of fields (or controls) for our field elements.

Let’s use the following configuration to customize the fields for our form:

image

As you can see, each field has been given a label and a type.  The type identifies which field control to use.  The Cloud CMS forms engine provides 31 out-of-the-box fields.  Here we use “select”, “text”, “date”, “phone” and “textarea”.

We now save our form.  Cloud CMS automatically compiles the form and brings it online.  The console tells us that our camp registration form is ready to go.

image

Create Content using our Form

Now we can create content using our form.  We can do this from within the console or from our own web applications.

In the console, we click Create Node and we pick our form.  The form is presented to us and we can begin using it.  Here is an example of our Camp Registration form partially filled out.  

image

Notice that Cloud CMS automatically fires validation logic for things like required files.  The Cloud CMS forms engine is very configurable and provides drop downs for selectors, date pickers, custom formatters and much more.

Learn More

In additional to content entry forms, Cloud CMS provides storage and reporting facilities for analyzing form submissions.  It provides the ideal low-cost, cloud-based backend for your business.

Interested in learning more?  

We invite you to sign up for a Cloud CMS free trial account.  It’s instant and without any pressure.  We’re ready to help you to build great apps.

Share this post

comments powered by Disqus