VSys One: Volunteer Management Software

Previous Topic

Next Topic

Book Contents

Book Index

Page Properties and Settings

Different pages will have different available Properties and Settings options.


The example below is for a non-template page; a template page has far fewer properties here because it's never used by itself in the real world, it's only used as the basis for other pages.




The name of this page.


The name by which the page is seen online. In the example above this page would be reached via http://vols.myorganization.org/pages/HOME


If checked then this page cannot be viewed in a browser. VSys Live will return a 404 error if someone tries to access it.

Page type

"Normal page" is a page used for its own purposes, a "real" page.

"Placeholder page" is used for special purposes like permalinks.

"Template page used as the basis for other pages" makes this page a template page which can be used as the basis for other pages.

Site page layout

Only for template pages, this defines, based on the site template chosen for this VSys Live site, which of the page layouts there is used for this page. (Generally a site template will have at least two page layouts, often more.)

Based on

If set, this page will inherit the CSS, JavaScript and contents of a template page.

Page title

This will show in the title of the visitor's web browser; if this is blank, the Description will be used instead.

Show to

Determines whether logged-in, anonymous (not logged-in) or all visitors can see this page.

If unavailable due to login status...

If this page is incompatible with the current login status of the site visitor, e.g. it's only available for logged-in users but no one is logged in, if you set a path here such as https://www.VSysOne.com, VSys Live will redirect the visitor to that page instead of showing an error.

If accessed from mobile device...

See Mobile alternate pages.

Visibility rules

See Visibility rules.

Page icon

Use this to set an image as the "icon" for a page; that icon can then be used within custom HTML blocks. This is most useful when you want to have a block on each page that displays the page's name and icon by letting you put that block into the template page instead of on each and every individual page.

VSys Live page grouping

If you've created one or more page groupings, this sets which grouping this page is part of.

Page tags

Use these to "tag" pages by your own categories.

Settings - template pages

These settings are for a template page. Unless explicitly overridden on a normal or placeholder page, those pages will inherit the settings from their template page.

Note that the settings above will vary widely based on the site template in use, and the fields that show will also vary based on the value of other settings. In this example, un-checking Application required fields: highlight? will hide the field that lets you set that color. Some common settings are listed below.



Wide, horizontal login block

Uses CSS to make the login block wider, trying to put both the User ID and Password fields on a single line.

Center login block

Uses CSS to center the login block on the page.

Style [Sign in] button like other buttons

The Sign in button uses a non-standard style by default; check this to have VSys Live style it with the same color, shape, etc. as other buttons.

Replace "Forgot password" text

In the Sign In block, text you put here will be shown in place of the default text.

Replace "Forgot password" hyperlink

In the Sign In block, if you put a URL here, VSys will change the Forgot password hyperlink to go to this URL instead. This is especially helpful if you have the VSys Live/Anywhere password reset action link configured: VSys Live would use that tool instead of the (lame) default password reset mechanism.

Hide login block on other than the home page

For non-mobile and mobile visitors, hide the login block on the page if this isn't the designated root page for the site.

Header title

Displays this text at the top of the page. The "magic" text [$PAGETITLE$], if present, will be replaced by the title of the current page.

Header site hyperlink URL

When the title at the top of the page is clicked, this is the URL that will be used.

Header logo

Sets a logo usually placed in the upper-right corner of the page.

Header right margin

Uses CSS to try and prevent the menu from impinging on the right side of the top of the screen, usually to make room for a logo.

Color scheme

Sets the overall color scheme for the page; the options here come from the site template. Choosing "(custom)" will show numerous other detail color options that may require experimentation to understand.

Application required fields...

When displaying a custom application form, sets the highlighting (if any) for required fields.

When creating a new account...

On an application form when creating a new account, any text here is automatically placed after the text "User ID".

Hide icons on main menu

If checked, doesn't show graphical icons on menu items at the top of the screen.

Always use smaller (un-padded) edit fields

Makes text and other edit fields smaller by reducing the white space around the text in those fields.

Use smaller (un-padded) edit fields (mobile)

As above, but for mobile devices only.

When signing in...

In the login block where it prompts for the user's login ID, any text here is automatically placed after the text "User ID".

Page menu

This is the most important setting of all: this tells VSys Live which menu to use for this page. While you can place a menu directly on the page in any region, it's not "integrated" that way, meaning that it doesn't connect to the site template and isn't very bright. Assigning the menu here tells the site template to deal with the menu, and that will look much better and also deal properly with mobile devices.

Settings - other pages

Non-template pages normally get their settings from the templates they're based on. You can override individual settings on those pages by selecting one or more from Values to override.


Any CSS you place here will be added to the generated page after the template page's CSS but before any CSS created by tools or applications on the page.


Any JavaScript you place here will be added to the generated page.

Invalid JavaScript can cause everything else on the page to malfunction!


Content here is added to the <META> section of the generated page.

Page aliases

Page aliases are used as an alternate way of referencing a page. In the example above, the page could be accessed as:

To use page aliases, they must first be enabled.

Custom fields

If one or more custom fields have been defined that are applicable to VSys Live pages, you can set the values for those fields for this page here.


Any comments here are for your own use, usually for leaving notes to your future selves about why you've done something or things you've learned not to do.

See Also


Page Regions

Sample Template Page

Real Page

Building a Page

Page Items

Organizing Pages

Mobile Alternate Pages

Page Aliases/Alternate URLs

Page Custom Fields and Icon