namespace sap.m

Control sample: sap.m
Visiblity: public
Available since: N/A
Module: sap/m/library
Application Component: CA-UI5-CTR

The main UI5 control library, with responsive controls that can be used in touch devices as well as desktop browsers.


Nodes Overview

Node Description
sap.m.ActionListItem

The sap.m.ActionListItem can be used like a button to fire actions when pressed.

sap.m.ActionSelect

The ActionSelect control provides a list of predefined items that allows end users to choose options and additionally trigger some actions.

sap.m.ActionSheet

The action sheet holds a list of options from which the user can select to complete an action.

sap.m.App

The root element of a UI5 mobile app.

sap.m.Avatar

An image-like control that has different display options for representing images, initials, and icons.

sap.m.AvatarColor

Possible background color options for the sap.m.Avatar control.

sap.m.AvatarImageFitType

Types of image size and position that determine how an image fits in the sap.m.Avatar control area.

sap.m.AvatarShape

Types of shape for the sap.m.Avatar control.

sap.m.AvatarSize

Predefined sizes for the sap.m.Avatar control.

sap.m.AvatarType

Types of sap.m.Avatar based on the displayed content.

sap.m.BackgroundDesign

Available Background Design.

sap.m.BackgroundHelper

Helper for rendering themable background.

sap.m.BadgeAnimationType

Types of animation performed by sap.m.BadgeEnabler.

sap.m.BadgeCustomData

Contains a single key/value pair of custom data attached to an Element.

sap.m.BadgeEnabler

A helper class for implementing the sap.m.IBadge interface.

sap.m.BadgeState

Types of state of sap.m.BadgeEnabler to expose its current state.

sap.m.Bar

Used as a header, sub-header and a footer of a page.

sap.m.BarDesign

Types of the Bar design.

sap.m.Breadcrumbs

Enables users to navigate between items by providing a list of links to previous steps in the user's navigation path.

sap.m.BreadcrumbsSeparatorStyle

Variations of the sap.m.Breadcrumbs separators.

sap.m.BusyDialog

BusyDialog is used to indicate that the system is busy.

sap.m.BusyIndicator

Informs the user about an ongoing operation.

sap.m.Button

Enables users to trigger actions.

sap.m.ButtonType

Different predefined button types for the sap.m.Button.

sap.m.Carousel

The carousel allows the user to browse through a set of items by swiping right or left.

sap.m.CarouselArrowsPlacement

Carousel arrows align.

sap.m.CarouselLayout

Applies a sap.m.CarouselLayout to a provided DOM element or Control.

sap.m.CheckBox

Allows the user to set a binary value, such as true/false or yes/no for an item.

sap.m.ColorPalette

Represents a predefined range of colors for easier selection.

sap.m.ColorPalettePopover

A thin wrapper over sap.m.ColorPalette allowing the latter to be used in a popover.

sap.m.Column

The sap.m.Column allows to define column specific properties that will be applied when rendering the sap.m.Table.

sap.m.ColumnListItem

sap.m.ColumnListItem can be used with the cells aggregation to create rows for the sap.m.Table control.

sap.m.ComboBox

A drop-down list for selecting and filtering values.

sap.m.ComboBoxBase

An abstract class for combo boxes.

sap.m.ComboBoxTextField

The sap.m.ComboBoxTextField.

sap.m.CustomDynamicDateOption

A custom option for the DynamicDateRange control.

sap.m.CustomListItem

This control with a content aggregation can be used to customize standard list items that we don't provide.

sap.m.CustomTile

Use the CustomTile control to display application specific content in the Tile control.

sap.m.CustomTreeItem

The CustomTreeItem control with a content aggregation is used to customize the tree items within the Tree control.
Note: Even though the content aggregation can be used for any control, complex responsive layout controls, such as Table, Form etc, should not be aggregated as content.

sap.m.DatePicker

Enables the users to select a localized date between 0001-01-01 and 9999-12-31.

sap.m.DateRangeSelection

A single-field input control that enables the users to enter a localized date range (between 0001-01-01 and 9999-12-31).

sap.m.DateTimeField

The sap.m.DateTimeField control provides a basic functionality for date/time input controls.

sap.m.DateTimeInput

Allows end users to interact with date (between 0001-01-01 and 9999-12-31) and/or time and select from a date and/or time pad.

sap.m.DateTimeInputType

A subset of DateTimeInput types that fit to a simple API returning one string.

sap.m.DateTimePicker

Enables the users to select date (between 0001-01-01 and 9999-12-31) and time values in a combined input.

sap.m.DeviationIndicator

Enum of the available deviation markers for the NumericContent control.

sap.m.Dialog

A popup that interrupts the current processing and prompts the user for an action or an input in a modal mode.

sap.m.DialogRoleType

Enum for the ARIA role of sap.m.Dialog control.

sap.m.DialogType

Enum for the type of sap.m.Dialog control.

sap.m.DisplayListItem

sap.m.DisplayListItem can be used to represent a label and a value.

sap.m.DraftIndicator

A draft indicator is sap.m.Label.

sap.m.DraftIndicatorState

Enum for the state of sap.m.DraftIndicator control.

sap.m.DynamicDate

This class represents the dynamic date range type.

sap.m.DynamicDateFormat

The DynamicDateFormat is a static class for formatting and parsing an array of strings in a locale-sensitive manner according to a set of format options.

sap.m.DynamicDateOption

A base type for the options used by the DynamicDateRange control.

sap.m.DynamicDateRange

A control base type.

sap.m.DynamicDateValueHelpUIType

A class that describes the predefined value help UI type of DynamicDateRange options.

sap.m.EmptyIndicatorMode

Modes in which a control will render empty indicator if its content is empty.

sap.m.ExpandableText

The ExpandableText control can be used to display long texts inside a table, list or form.

sap.m.ExpandableTextOverflowMode

Expandable text overflow mode

sap.m.FacetFilter

Provides filtering functionality with multiple parameters.

sap.m.FacetFilterItem

Represents a value for the sap.m.FacetFilterList control.

sap.m.FacetFilterList

Represents a list of values for the sap.m.FacetFilter control.

sap.m.FacetFilterListDataType

FacetFilterList data types.

sap.m.FacetFilterType

Used by the FacetFilter control to adapt its design according to type.

sap.m.FeedContent

Displays a tile containing the text of the feed, a subheader, and a numeric value.

sap.m.FeedInput

The Feed Input allows the user to enter text for a new feed entry and then post it.

sap.m.FeedListItem

The control provides a set of properties for text, sender information, time stamp.

sap.m.FeedListItemAction

An action item of FeedListItem

sap.m.FlexAlignContent

Available options for the layout of container lines along the cross axis of the flexbox layout.

sap.m.FlexAlignItems

Available options for the layout of all elements along the cross axis of the flexbox layout.

sap.m.FlexAlignSelf

Available options for the layout of individual elements along the cross axis of the flexbox layout overriding the default alignment.

sap.m.FlexBox

The sap.m.FlexBox control builds the container for a flexible box layout.

Note: Be sure to check the renderType setting to avoid issues due to browser inconsistencies.

sap.m.FlexDirection

Available directions for flex layouts.

sap.m.FlexItemData

Holds layout data for a FlexBox / HBox / VBox.

sap.m.FlexJustifyContent

Available options for the layout of elements along the main axis of the flexbox layout.

sap.m.FlexRendertype

Determines the type of HTML elements used for rendering controls.

sap.m.FlexWrap

Available options for the wrapping behavior of a flex container.

sap.m.FormattedText

The FormattedText control allows the usage of a limited set of tags for inline display of formatted text in HTML format.

sap.m.FrameType

Enum for possible frame size types for sap.m.TileContent and sap.m.GenericTile control.

sap.m.GenericTag

The sap.m.GenericTag control displays app-specific, essential information.

sap.m.GenericTagDesign

Design modes for the GenericTag control.

sap.m.GenericTagValueState

Value states for the GenericTag control.

sap.m.GenericTile

Displays header, subheader, and a customizable main area in a tile format.

sap.m.GenericTileMode

Defines the mode of GenericTile.

sap.m.GenericTileScope

Defines the scopes of GenericTile enabling the developer to implement different "flavors" of tiles.

sap.m.GroupHeaderListItem

sap.m.GroupHeaderListItem is used to display the title of a group and act as separator between groups in sap.m.List and sap.m.Table.

sap.m.GrowingEnablement
sap.m.GrowingList

sap.m.GrowingList control is the container for all list items and inherits from sap.m.List control.

sap.m.HBox

The HBox control builds the container for a horizontal flexible box layout.

sap.m.HeaderContainer

The container that provides a horizontal layout.

sap.m.HeaderLevel

Different levels for headers.

sap.m.IBadge

Interface for controls which implement the notification badge concept.

sap.m.IBar

Interface for controls which are suitable as a Header, Subheader or Footer of a Page.

sap.m.IBarHTMLTag

Allowed tags for the implementation of the IBar interface.

sap.m.IBarInPageEnabler

Helper Class for implementing the IBar interface.

sap.m.IBreadcrumbs

Interface for controls which have the meaning of a breadcrumbs navigation.

sap.m.IconTab

Represents an interface for controls, which are suitable as items for the sap.m.IconTabBar.

sap.m.IconTabBar

The IconTabBar represents a collection of tabs with associated content.

sap.m.IconTabDensityMode

Specifies IconTabBar tab density mode.

sap.m.IconTabFilter

Represents a selectable item inside an IconTabBar.

sap.m.IconTabFilterDesign

Available Filter Item Design.

sap.m.IconTabHeader

This control displays a number of IconTabFilters and IconTabSeparators.

sap.m.IconTabHeaderMode

Specifies IconTabBar header mode.

sap.m.IconTabSeparator

Represents an Icon used to separate 2 tab filters.

sap.m.IHyphenation

Represents an Interface for controls that can have their text hyphenated.

sap.m.Image

A wrapper around the <img> tag; the image can be loaded from a remote or local server.

sap.m.ImageContent

This control can be used to display image content in a GenericTile.

sap.m.ImageHelper

Helper for Images.

sap.m.ImageMode

Determines how the source image is used on the output DOM element.

sap.m.Input

Allows the user to enter and edit text or numeric values in one line.

sap.m.InputBase

The sap.m.InputBase control provides a basic functionality for input controls.

sap.m.InputListItem

List item should be used for a label and an input field.

sap.m.InputODataSuggestProvider

Suggestion helper for sap.m.Input fields when used with an OData model.

sap.m.InputTextFormatMode

Defines how the input display text should be formatted.

sap.m.InputType

A subset of input types that fits to a simple API returning one string.

sap.m.InstanceManager

Provides methods to manage instances.

sap.m.IOverflowToolbarContent

Interface for controls which can have special behavior inside sap.m.OverflowToolbar.

sap.m.IOverflowToolbarFlexibleContent

Marker interface for flexible controls that have a special behavior inside sap.m.OverflowToolbar.

sap.m.IScale

Interface for controls which are suitable as a Scale for the Slider/RangeSlider.

sap.m.Label

Provides a textual label for other controls.

sap.m.LabelDesign

Available label display modes.

sap.m.LightBox

Represents a popup containing an image and a footer.

sap.m.LightBoxItem

Represents an item which is displayed within an sap.m.LightBox.

sap.m.LightBoxLoadingStates

Types of LightBox loading stages.

sap.m.Link

A hyperlink control used to navigate to other apps and web pages or to trigger actions.

sap.m.LinkConversion

Enumeration for possible link-to-anchor conversion strategy.

sap.m.List

The List control provides a container for all types of list items.

sap.m.ListBase

The sap.m.ListBase control provides a base functionality of the sap.m.List and sap.m.Table controls.

sap.m.ListGrowingDirection

Defines the growing direction of the sap.m.List or sap.m.Table.

sap.m.ListHeaderDesign

Defines the different header styles.

sap.m.ListItemBase

ListItemBase contains the base features of all specific list items.

sap.m.ListKeyboardMode

Defines the keyboard handling behavior of the sap.m.List or sap.m.Table.

sap.m.ListMode

Defines the mode of the list.

sap.m.ListSeparators

Defines which separator style will be applied for the items.

sap.m.ListType

Defines the visual indication and behaviour of the list items.

sap.m.LoadState

Enumeration of possible load statuses.

sap.m.MaskInput

The sap.m.MaskInput control allows users to easily enter data in a certain format and in a fixed-width input (for example: date, time, phone number, credit card number, currency, IP address, MAC address, and others).

sap.m.MaskInputRule

The sap.m.MaskInputRule control holds the mapping of a single maskFormatSymbol to the regular expression regex that defines the allowed characters for the rule.

sap.m.Menu

The sap.m.Menu control represents a hierarchical menu.

sap.m.MenuButton

The sap.m.MenuButton control enables the user to show a hierarchical menu.

sap.m.MenuButtonMode

Different modes for a MenuButton (predefined types).

sap.m.MenuItem

The MenuItem control is used for creating items for the sap.m.Menu.

sap.m.MessageBox

Provides easier methods to create sap.m.Dialog with type sap.m.DialogType.Message, such as standard alerts, confirmation dialogs, or arbitrary message dialogs.

sap.m.MessageItem

A wrapper control used to hold different types of system messages.

sap.m.MessagePage

Displays an empty page with an icon and a header when certain conditions are met.

sap.m.MessagePopover

A MessagePopover is used to display a summarized list of different types of messages (error, warning, success, and information messages).

sap.m.MessagePopoverItem

Items provide information about Error Messages in the page.

sap.m.MessageStrip

MessageStrip is a control that enables the embedding of application-related messages in the application.

sap.m.MessageToast

A small, non-disruptive popup for messages.

sap.m.MessageView

It is used to display a summarized list of different types of messages (error, warning, success, and information messages).

sap.m.MultiComboBox

The MultiComboBox control provides a list box with items and a text field allowing the user to either type a value directly into the control or choose from the list of existing items.

sap.m.MultiEditField

This control allows you to add items to a sap.m.Select instance.

sap.m.MultiInput

Overview

A multi-input field allows the user to enter multiple values, which are displayed as tokens.

sap.m.MultiSelectMode

Enumeration of the multiSelectMode>/code> in ListBase.

sap.m.NavContainer

Handles hierarchical navigation between Pages or other fullscreen controls.

sap.m.NavContainerChild

sap.m.NavContainerChild is an artificial interface with the only purpose to bear the documentation of pseudo events triggered by sap.m.NavContainer on its child controls when navigation occurs and child controls are displayed/hidden.

sap.m.NewsContent

This control displays the news content text and subheader in a tile.

sap.m.NotificationList

The NotificationList control provides a container for NotificationListGroup and NotificationListItem.

sap.m.NotificationListBase

The NotificationListBase is the abstract base class for sap.m.NotificationListItem and sap.m.NotificationListGroup.

sap.m.NotificationListGroup

The NotificationListGroup control is used for grouping notification items of the same type.

sap.m.NotificationListItem

The NotificationListItem control shows notification to the user.

sap.m.NumericContent

Shows numeric values used for example in tiles colored according to their meaning and displays deviations.

sap.m.ObjectAttribute

The ObjectAttribute control displays a text field that can be normal or active.

sap.m.ObjectHeader

ObjectHeader is a display control that enables the user to easily identify a specific object.

sap.m.ObjectHeaderContainer

Marker interface for controls which are suitable as items for the ObjectHeader.

sap.m.ObjectHeaderPictureShape

Used by the ObjectHeader control to define which shape to use for the image.

sap.m.ObjectIdentifier

The ObjectIdentifier is a display control that enables the user to easily identify a specific object.

sap.m.ObjectListItem

ObjectListItem is a display control that provides summary information about an object as a list item.

sap.m.ObjectMarker

The sap.m.ObjectMarker control represents one of the following predefined types:

  • Flagged
  • Favorite
  • Draft
  • Locked
  • LockedBy
  • Unsaved
  • UnsavedBy
Note: Use the LockedBy/UnsavedBy type along with the additionalInfo property to display the name of the user who locked/changed the object.

sap.m.ObjectMarkerType

Predefined types for ObjectMarker.

sap.m.ObjectMarkerVisibility

Predefined visibility for ObjectMarker.

sap.m.ObjectNumber

The ObjectNumber control displays number and number unit properties for an object.

sap.m.ObjectStatus

Status information that can be either text with a value state, or an icon.

sap.m.OverflowToolbar

A container control based on sap.m.Toolbar, that provides overflow when its content does not fit in the visible area.

sap.m.OverflowToolbarButton

Represents an sap.m.Button that shows its text only when in the overflow area of an sap.m.OverflowToolbar.

sap.m.OverflowToolbarLayoutData

Holds layout data for the sap.m.OverflowToolbar items.

sap.m.OverflowToolbarPriority

Defines the priorities of the controls within sap.m.OverflowToolbar.

sap.m.OverflowToolbarToggleButton

Represents an sap.m.ToggleButton that shows its text only when in the overflow area of an sap.m.OverflowToolbar.

sap.m.P13nColumnsItem

Type for columnsItems aggregation in P13nColumnsPanel control.

sap.m.P13nColumnsPanel

The P13nColumnsPanel control is used to define column-specific settings for table personalization.

sap.m.P13nConditionOperation
sap.m.P13nConditionPanel

The ConditionPanel Control will be used to implement the Sorting, Filtering and Grouping panel of the new Personalization dialog.

sap.m.P13nDialog

The P13nDialog control provides a dialog that contains one or more panels.

sap.m.P13nDimMeasureItem

Type for columnsItems aggregation in P13nDimMeasurePanel control.

sap.m.P13nDimMeasurePanel

The P13nDimMeasurePanel control is used to define chart-specific settings like chart type, the visibility, the order and roles of dimensions and measures for table personalization.

sap.m.P13nFilterItem

Type for filterItems aggregation in P13nFilterPanel control.

sap.m.P13nFilterPanel

The P13nFilterPanel control is used to define filter-specific settings for table personalization.

sap.m.P13nGroupItem

Type for groupItems aggregation in P13nGroupPanel control.

sap.m.P13nGroupPanel

The P13nGroupPanel control is used to define group-specific settings for table personalization.

sap.m.P13nItem

Base type for items aggregation in P13nPanel control.

sap.m.P13nPanel

An abstract base type for panels aggregation in P13nDialog control.

sap.m.P13nPanelType

Type of panels used in the personalization dialog.

sap.m.P13nSortItem

Type for sortItems aggregation in P13nSortPanel control.

sap.m.P13nSortPanel

The P13nSortPanel control is used to define settings for sorting in table personalization.

sap.m.Page

A container control that holds one whole screen of an application.

sap.m.PageAccessibleLandmarkInfo

Settings for accessible landmarks which can be applied to the container elements of a sap.m.Page control.

sap.m.PageBackgroundDesign

Available Page Background Design.

sap.m.PagingButton

Enables users to navigate between items/entities.

sap.m.Panel

A container control which has a header and content.

sap.m.PanelAccessibleRole

Available Panel Accessible Landmark Roles.

sap.m.PDFViewer

This control enables you to display PDF documents within your app.

sap.m.PDFViewerDisplayType

PDF viewer display types.

sap.m.PlacementType

Types for the placement of Popover control.

sap.m.PlanningCalendar

Displays rows with appointments for different entities (such as persons or teams) for the selected time interval.

sap.m.PlanningCalendarBuiltInView

A list of the default built-in views in a sap.m.PlanningCalendar, described by their keys.

sap.m.PlanningCalendarLegend

A legend for the sap.m.PlanningCalendar that displays the special dates and appointments in colors with their corresponding description.

sap.m.PlanningCalendarRow

Represents a row in the sap.m.PlanningCalendar.

sap.m.PlanningCalendarStickyMode

Available sticky modes for the sap.m.SinglePlanningCalendar

sap.m.PlanningCalendarView

View of the sap.m.PlanningCalendar.

sap.m.PopinDisplay

Defines the display of table pop-ins.

sap.m.PopinLayout

Defines the layout options of the table popins.

sap.m.Popover

Displays additional information for an object in a compact way.

sap.m.PopupHelper

Helper for Popups.

sap.m.ProgressIndicator

Shows the progress of a process in a graphical way.

sap.m.PullToRefresh

PullToRefresh control.

sap.m.QuickView

A responsive popover that displays information on an object in a business-card format.

sap.m.QuickViewBase

QuickViewBase class provides base functionality for QuickView and QuickViewCard.

sap.m.QuickViewCard

The QuickViewCard control displays information of an object in a business-card format.

sap.m.QuickViewGroup

QuickViewGroup consists of a title (optional) and an entity of group elements.

sap.m.QuickViewGroupElement

QuickViewGroupElement is a combination of one label and another control (Link or Text) associated to this label.

sap.m.QuickViewGroupElementType

QuickViewGroupElement is a combination of one label and another control (Link or Text) associated to this label.

sap.m.QuickViewPage

QuickViewPage consists of a page header, an avatar, an object name with short description, and an object information divided in groups.

sap.m.RadioButton

RadioButton is a control similar to a checkbox, but it allows you to choose only one of the predefined set of options.

sap.m.RadioButtonGroup

This control is used as a wrapper for a group of sap.m.RadioButton controls, which can be used as a single UI element.

sap.m.RangeSlider

Represents a numerical interval and two handles to select a sub-range within it.

sap.m.RatingIndicator

The rating indicator is used to display a specific number of icons that are used to rate an item.

sap.m.RatingIndicatorVisualMode

Possible values for the visualization of float values in the RatingIndicator control.

sap.m.ResetAllMode

Enumeration of the ResetAllMode>/code> that can be used in a TablePersoController.

sap.m.ResponsivePopover

Overview

The responsive popover acts as a popover on desktop and tablet, while on phone it acts as a dialog with stretch set to true.

sap.m.ResponsiveScale

Overview

A sap.m.Slider element represents a scale with tickmarks and labels. The purpose of the element is to decouple the scale logic from other controls i.e. Slider / RangeSlider

The most important properties of the ResponsiveScale are:

  • tickmarksBetweenLabels - Puts a label on every N-th tickmark.

sap.m.ScreenSize

Breakpoint names for different screen sizes.

sap.m.ScrollContainer

The ScrollContainer is a control that can display arbitrary content within a limited screen area and provides scrolling to make all content accessible.

sap.m.SearchField

An input field to search for a specific item.

sap.m.SegmentedButton

A horizontal control made of multiple buttons, which can display a title or an image.

sap.m.SegmentedButtonItem

Used for creating buttons for the sap.m.SegmentedButton.

sap.m.Select

The sap.m.Select control provides a list of items that allows users to select an item.

sap.m.SelectColumnRatio

A string type that represents column ratio.

sap.m.SelectDialog

Overview

A SelectDialog is a dialog containing a list, search functionality to filter it and a confirmation/cancel button.

sap.m.SelectDialogBase

The sap.m.SelectDialogBase control provides a base functionality of the sap.m.SelectDialog and sap.m.TableSelectDialog controls.

sap.m.SelectionDetails

The protected control provides a popover that displays the details of the items selected in the chart.

sap.m.SelectionDetailsActionLevel

Enumeration for different action levels in sap.m.SelectionDetails control.

sap.m.SelectionDetailsFacade

The public facade of the sap.m.SelectionDetails control.

sap.m.SelectionDetailsItem

This protected element provides an item for sap.m.SelectionDetails that is shown inside a list.

sap.m.SelectionDetailsItemFacade

The public facade of the sap.m.SelectionDetailsItem element.

sap.m.SelectionDetailsItemLine

This Element provides a means to fill an sap.m.SelectionDetailsItem with content.

sap.m.SelectList

The sap.m.SelectList displays a list of items that allows the user to select an item.

sap.m.SelectListKeyboardNavigationMode

Defines the keyboard navigation mode.

sap.m.SelectType

Enumeration for different Select types.

sap.m.Shell

The Shell control can be used as root element of applications.

sap.m.SinglePlanningCalendar

Displays a calendar of a single entity (such as person, resource) for the selected time interval.

sap.m.SinglePlanningCalendarDayView

Represents a day view of the sap.m.SinglePlanningCalendar.

sap.m.SinglePlanningCalendarMonthView

Represents a one month view of the SinglePlanningCalendar.

sap.m.SinglePlanningCalendarView

Represents a day view of the sap.m.SinglePlanningCalendar.

sap.m.SinglePlanningCalendarWeekView

Represents a week view of the sap.m.SinglePlanningCalendar.

sap.m.SinglePlanningCalendarWorkWeekView

Represents a week view of the sap.m.SinglePlanningCalendar.

sap.m.Size

Enumeration of possible size settings.

sap.m.Slider

Overview

A sap.m.Slider control represents a numerical range and a handle. The purpose of the control is to enable visual selection of a value in a continuous numerical range by moving an adjustable handle.

Notes:

  • Only horizontal sliders are possible.
  • The handle can be moved in steps of predefined size. This is done with the step property.
  • Setting the property showAdvancedTooltip shows an input field above the handle
  • Setting the property inputsAsTooltips enables the user to enter a specific value in the handle's tooltip.

Structure

The most important properties of the Slider are:

  • min - The minimum value of the slider range
  • max - The maximum value of the slider range
  • value - The current value of the slider
  • progress - Determines if a progress bar will be shown on the slider range
  • step - Determines the increments in which the slider will move
These properties determine the visualization of the tooltips:
  • showAdvancedTooltip - Determines if a tooltip should be displayed above the handle
  • inputsAsTooltips - Determines if the tooltip displayed above the slider's handle should include an input field

Usage

The most common usecase is to select values on a continuous numerical scale (e.g. temperature, volume, etc. ).

Responsive Behavior

The sap.m.Slider control adjusts to the size of its parent container by recalculating and resizing the width of the control. You can move the slider handle in several different ways:

  • Drag and drop to the desired value
  • Click/tap on the range bar to move the handle to that location
  • Enter the desired value in the input field (if available)
  • Keyboard (Arrow keys, "+" and "-")

sap.m.SliderTooltipBase

A Control that visualizes Slider and RangeSlider tooltips.

sap.m.SlideTile

The control that displays multiple GenericTile controls as changing slides.

sap.m.SplitApp

A container control that is used to display a master-detail view, suitable for mobile applications.

sap.m.SplitAppMode

The mode of SplitContainer or SplitApp control to show/hide the master area.

sap.m.SplitButton

Enables users to trigger actions.

sap.m.SplitContainer

A container control that is used to display a master-detail view.

sap.m.StandardDynamicDateOption

A control base type.

sap.m.StandardListItem

sap.m.StandardListItem is a list item providing the most common use cases, e.g.

sap.m.StandardTile

The StandardTile control is displayed in the tile container.

sap.m.StandardTileType

Types for StandardTile.

sap.m.StandardTreeItem

The sap.m.StandardTreeItem is a tree item providing a title, image, etc.

sap.m.StepInput

Allows the user to change the input values with predefined increments (steps).

sap.m.StepInputStepModeType

Available step modes for sap.m.StepInput.

sap.m.StepInputValidationMode

Available validation modes for sap.m.StepInput.

sap.m.Sticky

Defines which area of the control remains fixed at the top of the page during vertical scrolling as long as the control is in the viewport.

sap.m.StringFilterOperator

Types of string filter operators.

sap.m.SuggestionItem

Display suggestion list items.

sap.m.SwipeDirection

Directions for swipe event.

sap.m.Switch

A switch is a user interface control on mobile devices that is used for change between binary states.

sap.m.SwitchType

Enumeration for different switch types.

sap.m.TabContainer

A container control for managing multiple tabs, allowing the user to open and edit different items simultaneously.

sap.m.TabContainerItem

An item to be used in a TabContainer.

sap.m.Table

The sap.m.Table control provides a set of sophisticated and convenience functions for responsive table design.

sap.m.TablePersoController

Table Personalization Controller

sap.m.TablePersoDialog

Table Personalization Dialog

sap.m.TablePersoProvider

Table Personalization Provider

sap.m.TableSelectDialog

A dialog to select items in a table containing multiple values and attributes.

sap.m.TabsOverflowMode

Specifies IconTabBar tab overflow mode.

sap.m.Text

The Text control can be used for embedding longer text paragraphs, that need text wrapping, into your app.

sap.m.TextArea

A control that is used for multi-line input of text.

sap.m.Tile

A tile to be displayed in the tile container.

sap.m.TileContainer

A container that arranges same-size tiles nicely on carousel pages.

sap.m.TileContent

This control is used within the GenericTile control.

sap.m.TileSizeBehavior

Describes the behavior of tiles when displayed on a small-screened phone (374px wide and lower).

sap.m.TimePicker

A single-field input control that enables the users to fill time related input fields.

sap.m.TimePickerClocks

A picker clocks container control used inside the sap.m.TimePicker.

sap.m.TimePickerInputs

A picker Inputs container control used inside the sap.m.TimePicker.

sap.m.TimePickerMaskMode

Different modes for the sap.m.TimePicker mask.

sap.m.TimePickerSliders

A picker list container control used inside the sap.m.TimePicker or standalone to hold all the sliders.

sap.m.Title

A simple, large-sized text with explicit header / title semantics.

sap.m.TitleAlignment

Declares the type of title alignment for some controls

sap.m.ToggleButton

An enhanced sap.m.Button that can be toggled between pressed and normal state.

sap.m.Token

Overview

Tokens are small items of information (similar to tags) that mainly serve to visualize previously selected items.

sap.m.Tokenizer

Overview

A tokenizer is a container for Tokens.

sap.m.TokenizerRenderMode

Types of the sap.m.Tokenizer responsive modes.

sap.m.Toolbar

Horizontal container most commonly used to display buttons, labels, selects and various other input controls.

sap.m.ToolbarDesign

Types of the Toolbar Design.

sap.m.ToolbarLayoutData

Defines layout data for the sap.m.Toolbar items.

sap.m.ToolbarSeparator

Creates a visual separator (theme dependent: padding, margin, line) between the preceding and succeeding sap.m.Toolbar item.

sap.m.ToolbarSpacer

Adds horizontal space between the items used within a sap.m.Toolbar.

sap.m.ToolbarStyle

Types of visual styles for the sap.m.Toolbar.

sap.m.touch

Touch helper.

sap.m.Tree

The Tree control provides a tree structure for displaying data in a hierarchy.

sap.m.TreeItemBase

The sap.m.TreeItemBase contains the basic features of all specific tree items.

sap.m.UploadCollection

This control allows you to upload single or multiple files from your devices (desktop, tablet or phone) and attach them to the application.

sap.m.UploadCollectionItem

Defines a structure of the element of the 'items' aggregation.

sap.m.UploadCollectionParameter

Defines a structure of the element of the 'parameters' aggregation.

sap.m.UploadCollectionToolbarPlaceholder

Used to create a customizable toolbar for the UploadCollection.

sap.m.UploadState

States of the upload process of sap.m.UploadCollectionItem.

sap.m.URLHelper

URL (Uniform Resource Locator) Helper.

sap.m.ValueColor

Enumeration of possible value color settings.

sap.m.ValueCSSColor

A string type that represents CSS color values, sap.m.ValueColor or less parameter values.

sap.m.VBox

The VBox control builds the container for a vertical flexible box layout.

sap.m.VerticalPlacementType

Types for the placement of message Popover control.

sap.m.ViewSettingsCustomItem

The ViewSettingsCustomItem control is used for modelling custom filters in the ViewSettingsDialog.

sap.m.ViewSettingsCustomTab

The ViewSettingsCustomTab control is used for adding custom tabs in the ViewSettingsDialog.

sap.m.ViewSettingsDialog

Helps the user to sort, filter, or group data within a (master) sap.m.List or a sap.m.Table.

sap.m.ViewSettingsFilterItem

A ViewSettingsFilterItem control is used for modelling filter behaviour in the ViewSettingsDialog.

sap.m.ViewSettingsItem

ViewSettingsItem is used for modelling filter behaviour in the ViewSettingsDialog.

sap.m.WheelSlider

Single select list slider with simple text values, that supports cyclic scrolling and expands/collapses upon user interaction.

sap.m.WheelSliderContainer

A picker list container control used to hold sliders of type sap.m.WheelSlider.

sap.m.Wizard

Enables users to accomplish a single goal which consists of multiple dependable sub-tasks.

sap.m.WizardRenderMode

Wizard rendering mode.

sap.m.WizardStep

A container control used to aggregate user input controls as part of an sap.m.Wizard.

sap.m.WrappingType

Available wrapping types for text controls that can be wrapped that enable you to display the text as hyphenated.

sap.m.p13n
sap.m.plugins
sap.m.routing
sap.m.semantic
sap.m.upload

Methods Overview

Method Description
sap.m.closeKeyboard

Hide the soft keyboard.

sap.m.getInvalidDate

Returns invalid date value of UI5.

since: 1.12 UI5 returns null for invalid date
sap.m.getIScroll

Search given control's parents and try to find iScroll.

sap.m.getLocale

Finds default locale settings once and returns always the same.

We should not need to create new instance to get same locale settings This method keeps the locale instance in the scope and returns the same after first run

sap.m.getLocaleData

Finds default locale data once and returns always the same.

sap.m.getScrollDelegate

Search given control's parents and try to find a ScrollDelegate.

sap.m.isDate

Checks if the given parameter is a valid JsDate Object.

sap.m.P13nOperationsHelper

sap.m.closeKeyboard

Hide the soft keyboard.

Param Type DefaultValue Description

sap.m.getInvalidDate

Returns invalid date value of UI5.

since: 1.12 UI5 returns null for invalid date
Param Type DefaultValue Description

sap.m.getIScroll

Search given control's parents and try to find iScroll.

Param Type DefaultValue Description
oControl sap.ui.core.Control

Control to start the search at

sap.m.getLocale

Finds default locale settings once and returns always the same.

We should not need to create new instance to get same locale settings This method keeps the locale instance in the scope and returns the same after first run

Param Type DefaultValue Description

sap.m.getLocaleData

Finds default locale data once and returns always the same.

Param Type DefaultValue Description

sap.m.getScrollDelegate

Search given control's parents and try to find a ScrollDelegate.

Param Type DefaultValue Description
oControl sap.ui.core.Control

Starting point for the search

bGlobal boolean

Whether the search should stop on component level (false) or not

sap.m.isDate

Checks if the given parameter is a valid JsDate Object.

Param Type DefaultValue Description
value any

Any variable to test.

sap.m.P13nOperationsHelper

Param Type DefaultValue Description