|
|
|
|
CAPTCHA
Ensures the form submitter is a person, not a computer by making them enter text in an image.
|
<ss:forms:captcha />
|
|
|
Checkbox
Synergy 8 checkboxes work a bit different to normal HTML ones.
The “value” property is the current state of the combobox. Ie – the default state, or a value mapped from the database.
We then introduce two new properties:
• “valuechecked” - $checbox.value when the checkbox is checked. [Default value = 1]
• “valueunchecked” - $checbox.value when the checkbox is checked. [Default value = 0]
Visually, a check box will be checked when $checkbox.value == $checkbox.valuechecked.
|
<ss:forms:checkbox />
|
|
|
Code Editor
|
<ss:forms:codeeditor />
|
|
|
Colour Picker
Allows the user to pick a colour from a palette.
|
<ss:forms:colourpicker />
|
|
|
Combobox
Allows the user to select from a range of options.
|
<ss:forms:combobox />
|
|
|
Combobox (HTML)
Allows the user to select from a range of options (formatted with html).
|
<ss:forms:comboboxhtml />
|
|
|
Date Picker
Allows the user to select a date / time.
|
<ss:forms:datepicker />
|
|
|
Date Range
Allows the user to select a date range.
|
<ss:forms:daterange />
|
|
|
Dialog Box
Shows a popup free dialog box by creating a div which overlays the screen.
|
<ss:forms:dialogbox />
|
|
|
Edit Box
Allows the user to enter one line of text.
|
<ss:forms:editbox />
|
|
|
File Upload
Allows the user to upload a file.
|
<ss:forms:fileupload />
|
|
|
Image Upload
Allows the user to upload an image.
|
<ss:forms:fileuploadimage />
|
|
|
File Upload (Multiple)
Allows the user to upload multiple files at once.
|
<ss:forms:fileuploadmultiple />
|
|
|
Form
Surround all form controls with this tag.
|
<ss:forms:form />
|
|
|
Form Item Group
|
<ss:#FORM_ITEM_GROUP />
|
|
|
HTML Editor
Allows the user to edit HTML in a WYSIWYG fashion.
|
<ss:forms:htmleditor />
|
|
|
Hidden input field
|
<ss:forms:hidden />
|
|
|
Money
Allows the user to enter a monetary value in the members currency.
|
<ss:forms:money />
|
|
|
Office Use Region
|
<ss:forms:officeuseregion />
|
|
|
Option
Combo box option.
|
<ss:forms:option />
|
|
|
Password
Password / masked edit field.
Note: By default, this control returns the user submitted password as an md5 hash.
|
<ss:forms:password />
|
|
|
Payment Method
|
<ss:forms:paymentmethod />
|
|
|
Radio Button
Multiple radio buttons allow the user to select from a set of options.
Note: Set the HTML name to the same as other radio buttons to create
a set of buttons.
|
<ss:forms:radiobutton />
|
|
|
Rating Selector
Shows a set of stars to represent the rating of something.
|
<ss:forms:rating />
|
|
|
Form Row
Provides an easy way to layout forms.
|
<ss:forms:row />
|
|
|
Search Box
Allows for AJAX data searching
|
<ss:forms:searchbox />
|
|
|
Select List
Provides a way for a user to select multiple items by using the control / shift keys.
|
<ss:forms:selectlist />
|
|
|
Slider
Allows the user to set a numeric value by clicking the mouse and sliding a bar up / down,
or left / right.
|
<ss:forms:slider />
|
|
|
Spin Box
Allows the user to select a numeric value by spinning the number up / down using arrows.
|
<ss:forms:spinbox />
|
|
|
Submit Button
A button which submits the form when pressed.
|
<ss:forms:submitbutton />
|
|
|
Submit Image
An image which submits the form when pressed.
|
<ss:forms:submitimage />
|
|
|
Submit Link
A link which submits the form when pressed.
|
<ss:forms:submitlink />
|
|
|
Text Area
Allows the user to enter multiple lines of text.
|
<ss:forms:textarea />
|
|
|
Toolbar
|
<ss:forms:toolbar />
|
|
|
Toolbar Button
|
<ss:forms:toolbarbutton />
|
|
|
|
< />
|
|
|
|
< />
|
|
|
|
|
|
Accordion
Provides multiple panels with headers with one displaying at a time.
The accordion effects are a part of the MooFX toolkit
|
<ss:layout:accordion />
|
|
|
Accordion Panel
|
<ss:layout:accordionpanel />
|
|
|
Bread Crumb Navigation
|
<ss:layout:breadcrumbs />
|
|
|
Popout Menu
#designTopNavigation li
{
font-family: verdana, tahoma, arial, sans-serif;
background: #000000;
color: #ffffff;
font-size: 10pt;
text-align: center;
}
#designTopNavigation li ul li
{
font-family: verdana, tahoma, arial, sans-serif;
background: #000000;
color: #ffffff;
font-size: 10pt;
text-align: center;
}
Code for a popout menu:
|
<ss:layout:popoutmenu />
|
|
|
Rotator
Allows for the rotation of list items
|
<ss:layout:rotator />
|
|
|
Rounded Corners
|
<ss:layout:roundedcorners />
|
|
|
Tabs
|
<ss:layout:tablist />
|
|
|
Tab Header
|
<ss:layout:tablistheader />
|
|
|
Tab Item
|
<ss:layout:tablistitem />
|
|
|
|
|
|
Address
Shows the address of the current logged in member.
|
<ss:personalisation:address />
|
|
|
Company Name
Shows the company of the current logged in member.
|
<ss:personalisation:company />
|
|
|
First Name
Shows the first name of the current logged in member.
|
<ss:personalisation:firstname />
|
|
|
Full Name
Shows the full name of the current logged in member.
|
<ss:personalisation:fullname />
|
|
|
Last Name
Shows the last name of the current logged in member.
|
<ss:personalisation:lastname />
|
|
|
|
< />
|
|
|
Security Container
|
<ss:personalisation:secureregion />
|
|
|
|
< />
|
|
|
|
|
|
Button
|
<ss:standard:button />
|
|
|
Context Menu
Creates a menu which can be right clicked on, or dropped down from the right.
|
<ss:standard:contextmenu />
|
|
|
Context Menu Item
|
<ss:standard:contextmenuitem />
|
|
|
Flash
|
<ss:standard:flash />
|
|
|
Flash
|
<ss:standard:flashaudio />
|
|
|
Flash text
Renders text using flash (sIFR)
|
<ss:standard:flashtext />
|
|
|
Flash video
|
<ss:standard:flashvideo />
|
|
|
|
< />
|
|
|
Inline Frame
Creates an iframe which can have a values inside its tag rendered
|
<ss:standard:iframe />
|
|
|
Image
Embeds an image into a page
Can specify other information such as a caption or a link to
a higher resolution version of the image
|
<ss:standard:image />
|
|
|
Label
Places a label control onto the page
|
<ss:standard:label />
|
|
|
Link
Places a hyperlink that can execute a specific onclick function
|
<ss:standard:link />
|
|
|
Panel
|
<ss:standard:panel />
|
|
|
Progress Bar
|
<ss:standard:progressbar />
|
|
|
Script
|
<ss:standard:script />
|
|
|
Timer
|
<ss:standard:timer />
|
