Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Section
0px
Column
width

A space is a web site that organizes and displays applications, forms, workflows, tasks, etc. A space has a tab for each application, and each tab has a drop-down list of the deployed forms/flows in that application. Forms/flows with a visibility of public in tenant or private appear when the user logs into . When you click on a form or flow name, the space opens the form in the page. A space also has a home panel and two optional panels at the left and at the bottom of its page. You can edit the content of any of these panels; you can also choose not to include the optional panels. You can apply a style to a space as you do to forms/flows. The selected style will be propagated to forms, flows and the Task List.

Spaces can be used to simplify accessing forms/flows/Task List from your iPhone or iPad. You can add thumbnail icons to your forms and flows and the space will display on mobile devices as shown below. 

Column
width350px

On This Page:

Table of Contents
maxLevel3

Each designer user in a  tenant can create, edit, and delete his or her own spaces. You can share the URL to a space with others inside or outside your organization.

...

  1. Log in as the designer, and then click on Spaces  .
  2. Click Click  to to create a new space, enter a Space ID. The Space ID must be unique, start with a letter, cannot contain spaces or special characters and cannot exceed 16 characters. Non-ascii characters are not supported in a space id.
  3. Enter a Space Name - this name will display in the top right section of the space. The Space Name should not exceed 16 characters but you can type spaces here.
  4. Click Create.

...

The spaces home page lists any spaces that you've already created. On this page, you can:

  • Click Click  to to create a new space.
  • Click Click  to to delete an existing space.
  • Click Click  to to edit a space.
  • Click Click  to to test a space. 
  • Click Click o to to share a space. 
Tip

If you add or remove applications or add or remove forms or flows from applications, and you want to update the space that contains them, a quick way to do that is to delete the old space and create a new one. You can use the same name as the original space. The new space will contain all your current applications, forms, and flows. Customizations made to the space, such as adding your logo or HTML will have to be redone. If you do not want to redo your customizations, edit theTab Menus menus manually.

 

Edit a Space

Click Click  to to display your space in the space editor. The editor displays your space as it will appear if you share it with others. The editor also includes a Properties panel at the left of the space, a toolbar at the top with  Finish and  Cancel icons, and editing tools you can use for the three panels in the body of the space, the logo area, and the application and Task List tabs.

...

  • Click  to edit a panel, upload a graphic file to use as a logo, or to edit the application tabs.
  • Click Click  to to remove the logo.
  • Click  to either hide or show the left and bottom panels. When hidden, the editor displays the panels grayed out.

...

Adding Tabs and Forms/Flows to the menu

Click Click  to to edit the application tabs. You can use the editor shown below to add, delete, or rearrange the tabs in your space, and add or remove forms or flows from the drop-down tab menus. The editor uses this format:

...

  1. On the applications home page, click click   !edit to edit the application that contains the form or flow you want to add.
  2. Click the the Image Modified button button to open the Share Form panel for the form you want.
  3. Click Raw form link to display the raw URL.
  4. Copy the URL, then in the tab editor, type a | character after the form name. Paste the form's URL after it.
  5. Click Finish to update the tab menus.

...

Tip

Refer to the Space Content topic for tips and information about more "cool" items you can add to your Space menu.

 

Test a Space

Click  to to test a space. The space is displayed as it will look to anyone you gave its URL to. If a user has the correct credentials, he can fill out and submit forms and flows. Close the window when you're done testing.

Share a Space

Click Click Image Modified to to share a space.  displays your space's URL — this is the link you distribute to those who you want to view your space. Remember, whether or not someone can actually open a form or flow and use it depends on the /wiki/spaces/frevvo52/pages/683376679 property of the form.

...

Adding Form/Flow Submissions

Spaces can also contain form submissions. Copy/Paste the Shared Item URL and append the URL paramenter ?embed=true&hidenav=true. Here is a tab menu item link for Shared Items:

Code Block
Shared Items|http://your server:port/frevvo/web/tn/your tenant name/subject/{subject.id}/shared?embed=true&hidenav=true

...

The user must log into the space to see the shared items. And once logged in they will only see submissions for the forms and flows to which they have been granted either submission view or edit permission.   The designer configures these permissions using the Access Control wizard. If a user is not authenticated to view the form/flow submissions, then the error message "Access Denied. Authentication Required." will display.

Info

Shared Items are currently only accessible on desktop browsers. Mobile browsers will support this in a future release.

An alternate method of adding shared submissions to your spaces is to add the URL directly to each form/flow as shown in the example below. To do this:

  1. Right click the Submissions button for the form or flow submissions you want to add to your space

  2. Append ?embed=true to that URL

  3. Add that URL to your space menu as shown below.

Note that the server host and port, tenant name, username, application and formtype/flowtype ID will be different then the sample show below as they are specific to your particular form or flow's submissions.

...

  1. Edit the space menu. 
  2. Click  to to edit the space menu. 
  3. Add the home link using the syntax shown - change the url to specify your server name, port, tenant id, user id and space id. The ending The ending portion after your space id must be /home?embed=true   true   

    Code Block
    ** Home|http://your server:port/frevvo/web/tn/your tenant/user/your user/space/your space id/home?embed=true
  4. To add it as a tab, precede the word Home with one asterisk instead of 2. 

  5. To add it as a selection under the Important Items tab ( or a different tab), precede the url with 2 asterisks and place it in the menu under the * Important Items entry. 

    Code Block
    * Important Items
    ** Task List|http://your server:port/frevvo/web/tn/your tenant/subject/{subject.id}/tasks?embed=true
    ** Home|http://your server:port/frevvo/web/tn/your tenant/user/designer/space/your space id/home?embed=true
  6. Save your changes.  

You can add the URL to an anonymous signup form for your tenant. Users can create a user account in your tenant using this published registration url. The  designer does not have to create the form, the url shown below accesses the Add User Anonymous Register form included with . When thsi form is submitted, the user receives an activation email which enables the account.  

You must check Anonymous Users in your tenant to take advantage of this feature. Also, there is an invisible control on this form which requires the tenant name. The form will not submit if this field is left blank. Append _data parameter to initialize the control with your tenant name: 

...

  1. Edit the space menu. 
  2. Click  to to edit the space menu. 
  3. Add the url shown below under the menu Tab where you would like the form to be displayed - remember to provide your tenant name in the _data parameter. 
Code Block
** Signup|https://app.frevvo.com:443/frevvo/web/tn/d/user/frevvo/app/_bDd4YX76EduXFsA4l9RQeQ/formtype/_NQascBXoEd-Cn_oBMDPlNQ?_method=post&embed=true&_data=(Tenant:"<your tenant name>")

     4. To add it as a tab, precede the word Signup with one asterisk instead of 2. 

     5. To add it as a selection under the Important Items tab, precede the url with 2 asterisks and place it in the menu under the * Important Items entry. 

     6. Save your changes.

In-house Customer:

If you are a  in-house customer, follow these steps to add the Anonymous Signup form to your space menu:

  1. Edit the space menu. 
  2. Click  to to edit the space menu. 
  3. Add the url shown below - remember to provide your  server and port information and your tenant name in the _data parameter. 
Code Block
** Signup|http://your server host:port/frevvo/web/tn/d/user/admin/app/_bDd4YX76EduXFsA4l9RQeQ/formtype/_NQascBXoEd-Cn_oBMDPlNQ?_method=post&embed=true&_data=(Tenant:"<your tenant name>")

          4. To add it as a tab, precede the word Signup with one asterisk instead of 2. 

         5. To add it as a selection under the Important Items tab, precede the url with 2 asterisks and place it in the menu under the * Important Items entry. 

      6. Save your changes. 

Locale Preference for Spaces

Space URLs, appended with a locale parameter,  take precedence over locales appended to individual forms/flows in the space. As expected, As expected, if no locale parameter for the space is found, the the browser setting is used.

Spaces and Mobile Devices

You do not have to use Spaces to access your mobile forms but it is a convenient way to do so. Simply bookmark the space URL on your mobile device to access it. You can add icons to your forms and flows which will display on mobile devices when you access the space. Spaces can be a valuable tool for testing your forms/flow on the iPhone and iPad. Refer to  

Info

Selecting the Excel export feature when viewing submissions from the Shared Items tab (inside or outside of a space) on an IOS device (iPad,iPhone), may have to install an application to edit and save .xls files. This requirement is browser specific.

Refer to the Employee On Boarding  /wiki/spaces/frevvo52/pages/683376752 tutorial for more information on Spaces and mobile forms design. 

...