Additional style properties

Purpose

The style properties that are not available as the Design Wizard controls.

MCS properties

mcs-mobility

Specifies whether an element is to be moved from one place to another using client-side scripting, and allows page authors to control inheritance of styles. Please note that an element is moved only if it is parent changes; any other change, including moving an ancestor does not count as moving the element. The default value is 'immobile'.

Option	Description
immobile	Indicates that the element will not be moved on the client and therefore can inherit the styles of its parent.
mobile	Specifies that the element may be moved on the client, and for that reason needs to be protected against inheriting styles from its new parent.
inherit	The value of the property should be inherited from the parent element.

The Client Framework 1 properties

mcs-auto-play

Specifies if a slideshow should automatically be started when the XDIME page is loaded. The default value is 'no'. See also: Creating a gallery.

Option	Description
no	Indicates that the slideshow should not be started automatically.
yes	Indicates that the slideshow should be started automatically.
inherit	The value of the property should be inherited from the parent element.

mcs-button-style

Controls how the button is rendered. The default value is 'native'.

Option	Description
custom	Gives the page author full control over the styling.
native	Buttons should be rendered by the device using its native styling.
inherit	The value of the property should be inherited from the parent element.

mcs-count-mode

Sets the Stopwatch widget mode. The default value is 'split'. See also: Stopwatch and timer.

Option	Description
lap	Specifies that when the user captures a lap time, it should be following example the stopwatch display, with the same styles as the main clock. After recording the lap time the stopwatch should be reset, and must start counting time again until the next lap time is recorded.
split	In split mode recording a lap time does not reset the stopwatch.
inherit	The value of the property should be inherited from the parent element.

mcs-datetime-format

Sets the format for time and date. The default value is '"%D %d %F %Y %h:%i:%s"'. Refer to Showing current time for more information.

Option	Description
<string>	Defines the format for time and date.
inherit	The value of the property should be inherited from the parent element.

mcs-deck-mode

Specifies the Deck widget mode. The default value is 'switch'. See also: The Deck widget.

Option	Description
switch	Indicates that a new portion of content should replace the one being displayed.
unfold	Indicates that the consecutive page should be displayed after the one already visible.
inherit	The value of the property should be inherited from the parent element.

mcs-delay

Defines the time delay between the last character being typed, and the AJAX request sent to the server (by an Autocompleter widget) that provides the list of matching items. The default value is 1 second. See also: Autocompleter.

Option	Description
auto	Fixed delay time set to 1 second for all devices.
<time>	Specifies a fixed delay time in seconds.
inherit	The value of the property should be inherited from the parent element.

mcs-duration

Defines the time for which a single gallery item will be displayed by a Slideshow widget. The default value is 5 seconds. See also: Creating a gallery.

Option	Description
normal	A standard time, depending on context.
<time>	Specifies a fixed time in seconds.
inherit	The value of the property should be inherited from the parent element.

mcs-item-limit

Specifies the maximum number of matching items to be displayed in the drop-down list of an Autocompleter widget. The default value is '5'. See also: Autocompleter.

Option	Description
auto	A standard number of items; set to 5 for all devices.
infinite	The number items to display is not limited.
<integer>	Specifies the maximum number of items to display in the drop-down list.
inherit	The value of the property should be inherited from the parent element.

mcs-items-order

Defines the order of the items in a slideshow. The default value is 'normal'. See also: Creating a gallery.

Option	Description
normal	The order of items will not be changed.
random	Items should appear in random order.
reverse	The order of items should be reversed.
inherit	The value of the property should be inherited from the parent element.

mcs-repetitions

Specifies the number of slideshow repetitions. The default value is 'infinite'. See also: Creating a gallery.

Option	Description
infinite	The slideshow will repeat infinitely.
<integer>	The slideshow will repeat the specified number of times.
inherit	The value of the property should be inherited from the parent element.

mcs-slideshow-launch-delay

Time, in seconds, after which a slideshow will be automatically launched if there is no activity in the corresponding Gallery widget. The default value is 'none'. See also: Creating a gallery.

Option	Description
none	The slideshow will not start automatically
<time>	Specifies the time, after which the slideshow will be automatically launched.
inherit	The value of the property should be inherited from the parent element.

mcs-table-rows-per-page

Specifies the number of rows displayed on a single page of the table. Only rows from the table body are taken into account, i.e. header and footer are omitted. The default value is 'infinite'. See also: Creating a dynamic table.

Option	Description
infinite	The table will display all rows.
<integer>	The table will display the specified number of rows per page.
inherit	The value of the property should be inherited from the parent element.

CSS properties

outline

This is a shorthand property for: outline-color, outline-style and outline-width. An outline is a line that is drawn around elements (outside the borders). Outlines do not affect the width and height properties used by the element. The shorthand has the following syntax:

outline: <outline-color> <outline-style> <outline-width>;

outline-color

Specifies the color of an outline that is drawn around an element outside the borders.

Option	Description
transparent	Makes the outline transparent, i.e. the keyword is a shorthand for rgba(0,0,0,0).
<color>	The outline color represented by a color name or a hex code.
inherit	The value of the property should be inherited from the parent element.

outline-color: red;

outline-style

Specifies the style of an outline that is drawn around an element outside the borders. The default value is 'none'.

Option	Description
dashed	Specifies a dashed outline.
dotted	Specifies a dotted outline.
double	Specifies a double outline.
groove	Specifies a 3D grooved outline.
inset	Specifies a 3D inset outline.
none	No outline.
outset	Specifies a 3D outset outline.
ridge	Specifies a 3D ridged outline.
solid	Specifies a solid outline.
inherit	The value of the property should be inherited from the parent element.

outline-style: dotted;

outline-width

Specifies the width of an outline that is drawn around an element outside the borders. The default value is 'medium'.

Option	Description
medium	Specifies a medium outline.
thick	Specifies a thick outline.
thin	Specifies a thin outline.
<length>	Specifies the thickness of the outline in length units.
inherit	The value of the property should be inherited from the parent element.

outline-width: thin;

CSS3 properties

mcs-border-image

This is a shorthand property for: mcs-border-image-source, mcs-border-image-slice and mcs-border-image-repeat. It has the following syntax:

mcs-border-image: <mcs-border-image-source> <mcs-border-image-slice> <mcs-border-image-repeat>;