Quick start: Forms

In Claris Studio, a form view is a multi-page web form that you can customize and then share with others, either with users in your team or with anyone who has the link (no sign-in required). As users fill in and submit their form data, you can view the data and work with it in a spreadsheet view that uses the same data.

Some great ways to use forms include registration for events (seminars, summer camps), opinion surveys, and customer feedback.

Create a form view

  1. Go to Claris Studio and turn on Developer Mode if it isn't already.

  2. On the Hubs page, locate an existing hub you'd like to create a form view in.

    If you don't have any hubs yet, click Create New Hub and give your new hub a name.

  3. In your hub, click Add Views > New Views.

  4. Choose Form, then click Create.

  5. In your hub, click your new form.

    Now your form view opens, showing you two pages on the canvas (all forms have at least two pages). From here, you can change the names of these pages and add more pages between them.

    When you create a form view, an associated spreadsheet view is also created and added to the same hub. The data submitted with your form will appear in this spreadsheet. We'll look at that spreadsheet a little later.

  6. In your form view on the canvas, click the first page (Start Page).

Customize your form

Make the form view your own: add fields or other objects to the pages, edit the header (for example, add a logo and a background image), rename the pages, add pages, and more. For now, let's just add a few fields.

  1. In your form view, click the Start Page on the canvas to edit it.

  2. In the toolbar, click Add button (Add Object), then under Field Objects, drag Short Text to the page.

    The green indicators show you where the field object will go when you drop it.

  3. Select the field object and, if the Properties panel on the right isn't open, click Properties button in the toolbar.

    Here you can change the default name of the field to something meaningful to you—for example, from Short Text to First Name. Field names also appear in the columns of a spreadsheet view and in other places in Claris Studio where you choose an existing field.

    Notice that the field object's display label also changed to match the new field name. The display label is what users see when they fill in the form. If you want users to see something different from the field name, you can edit the display label in the field object or in the Properties panel. (Changes to a field name also apply to the display label until the first time you edit the display label, then they're independent.)

  4. Continue adding field objects as needed.

    For example:

    • Add another Short Text field and name it Last Name.

    • Add a Phone field.

    • Add an Email field.

    Notice how objects move to make room for a new object. You can have up to three objects in a row and as many rows down the page as you want.

  5. To require users to fill in a field before they can submit the form (for this exercise, let's say the Phone field), in the Properties panel, select Required.

Try out your form

Now that you have your first form, try it out yourself.

  1. In your form view, click Open button to open it.

    The form view opens in a new web browser tab or window with Developer mode turned off.

  2. You can now fill in the form.

    Notice that the Email and Phone fields will warn you if what you entered doesn't look like a valid email of phone number. And if you leave the Phone field empty when you try to submit the form, you're reminded that a phone number is required (because you chose the Required option in the Phone field).

  3. When you're done, click Submit.

    Your data is submitted and the last page in your form is displayed. In the default form, this is the Confirmation Page.

  4. To get back where you were, you can just close the new web browser tab.

    Or you can click Return button All Hubs and turn on Developer Mode again.

If you want to see your submitted data now, skip ahead to Now, where's my form data? (psst...it's in the spreadsheet).

Invite users to your team

Before you can share your form with team members, you'll need to invite some users to your team.

  1. Turn on Developer Mode and click Users in the left pane.

  2. Click Invite New User, enter their email address and name, then click Send.

    An email is sent to this user with a link to join your team. Until they click that link in the email, they'll appear as "Pending" in the list of users.

    By default, a new user is a team member, as shown in the Role column. Team members can fill in forms and use other views that are shared with them via hubs, but they can't create or edit views. For the purposes of this exercise, just leave the Role as Member.

  3. Repeat the above steps for each user you want to add.

Share your form with team members

Now you're ready for your team members to fill in your form. Team members can only fill in your form and submit data—they can't edit the form itself. To share your form only with team members, you add your form view to a hub. Think of a hub as a named folder that you add views to and let certain team members access.

Let's add your form to the hub you created earlier, then add the team members you want to share it with.

  1. Click Hubs in the left pane and turn on Developer Mode if it isn't already.

  2. In the hub you created earlier, click Members, select each member you want to give access to, then click Update.

    Any team members you add to the hub will be able to open this form and fill it in.

    Remember: Any views you add to this hub later will also be accessible by these team members.

The next time the team members you added visit the Hubs page, they'll see your new hub and can click the form view to fill it in. Just let them know you're ready for them to fill in your form.

Share your form with anyone

You can also share your form with anyone you give the link to. They don't need to be in your team or even signed in with a Claris ID.

  1. In the left pane, click Hubs and turn on Developer Mode if it isn't already.

  2. In the Publicly Shared Views hub, click Add Existing Views, select your form view, then click Add Views.

    Your form view is now shared with anyone who has the link.

  3. To get the sharing link, click More (ellipsis) button on your form view, then choose Copy Link.

    The sharing link is now on your clipboard, ready for you to paste into an email or post wherever your form users will see it.

Now, where's my form data? (psst...it's in the spreadsheet)

Form views are only for submitting data. You can't use them to look at the data that users submitted. For that, you use the associated spreadsheet view that was automatically created at the same time and in the same hub as the form view. This spreadsheet shows the same data that was submitted via the form.

There are two ways to open the spreadsheet view associated with your form:

  • In the form view's navigation bar at the top, click the Spreadsheet tab tab for the spreadsheet in the same hub.

  • Or, on the Hubs page, locate the hub you created the form view in. Click the associated spreadsheet that's in the same hub.

In the spreadsheet, you should see at least one row containing the data you entered in the form (see Try out your form), or more if other users have filled in your form. And for each field on your form, there's a column in the spreadsheet.

If any columns appear to be missing, they might only be hidden. To show hidden columns, click Action button Columns, then click any fields that are turned off.

Next steps

There's a lot you can do with the data you collected with your form:

  • In the spreadsheet view:

    • Try sorting, filtering, grouping, or searching data to get just what you need.

    • To visualize your data, click Create Dashboard and easily chart your data. When you create a dashboard, it appears as another view that uses the same data as the spreadsheet. You can then edit the dashboard view and add more charts, summaries, and filters.

  • If you have a Claris Pro app, you can access your form data there as another table and use it anywhere in your app. See Working with a Claris Studio data source in Claris Pro and FileMaker Pro Help.