ui.tooltip
A static text that is rendered in the absolutely positioned container.
Generally, the component isn't intended for direct initialization. But if you decide to use it, use mouse events (onMouseOut, onMouseIn, onMouseMove etc.) to show/hide the tooltip box in the specified position. Check tooltip documentation for more detailed description.
Constructor
var tooltip = webix.ui({
view:"tooltip",
container:"mydiv",
...config options goes here..
})
//or, in case of jQuery
$("#mydiv").webix_tooltip({
...config options goes here..
});
Methods
adjust | adjusts the component to the size of the parent HTML container |
attachEvent | attaches the handler to an inner event of the component (allows behaviour customizations) |
bind | binds components |
blockEvent | temporarily blocks triggering of ALL events of the calling object |
callEvent | calls an inner event |
customize | redefines the 'type' property |
define | redefines a single configuration property (or a hash of properties) |
destructor | destructs the calling object |
detachEvent | detaches a handler from an event (which was attached before by the attachEvent method) |
disable | disables the calling view (makes it dimmed and unclickable) |
enable | enables the calling view that was disabled by the 'disable' method |
getChildViews | returns child views of the calling component |
getFormView | returns master form for the input |
getNode | returns the main HTML container for the calling object |
getParentView | returns the parent view of the component |
getTopParentView | returns top parent view |
hasEvent | checks whether the component has the specified event |
hide | hides the view |
isEnabled | checks whether the view is enabled |
isVisible | checks whether the view is visible |
mapEvent | routes events from one object to another |
render | renders the specified item or the whole component |
resize | adjusts the view to a new size |
show | makes the component visible |
sync | allows you to sync two copy of data (all or just a part of it) from one DataCollection to another |
unbind | breaks "bind" link |
unblockEvent | cancels blocking events that was enabled by the 'blockEvent' command |
Events
onAfterRender | occurs immediately after the component has been rendered. |
onAfterScroll | occurs when some webix view has been scrolled |
onBeforeRender | occurs immediately before the component has been rendered |
onBindRequest | fires when the component is ready to receive data from the master component |
onDestruct | occurs when component destroyed |
onKeyPress | occurs when keyboard key is pressed for the control in focus |
onLongTouch | fires on holding finger in some position for a certain period of time |
onSwipeX | occurs on a horizontal swipe movement |
onSwipeY | occurs on a vertical swipe movement |
onTimedKeyPress | fires after typing has been finished in the field |
onTouchEnd | occurs when the touch event is ended |
onTouchMove | occurs during touch movement |
onTouchStart | when some webix view has been touched |
onViewResize | view size was changed by resizer |
Properties
animate | defines or disables view change animation. |
borderless | used to hide the component borders |
container | an html container (or its id) where the component needs initializing |
content | the id or node, whose content will be moved to the view |
css | the name of a css class that will be applied to the view container |
disabled | indicates whether an item is enabled or not |
dx | the left offset of the tooltip from the mouse pointer |
dy | the top offset of the tooltip from the mouse pointer |
gravity | sets the view gravity (1 by default) |
height | sets the height of the component |
hidden | defines whether the view will be hidden initially |
id | the component ID |
maxHeight | sets the maximum height for the view |
maxWidth | sets the maximum width for the view |
minHeight | sets the minimal height for the view |
minWidth | sets the minimal width for the view |
on | allows attaching custom handlers to inner events of the component |
template | the component template |
width | sets the width of the component |
Other
$getSize | returns the current size of the component |
$height | current height of the view |
$scope | scope for resolving event and method names |
$setSize | sets the component size |
$skin | method, which will be called when skin defined |
$view | reference to top html element of the view |
$width | current width of the view |
config | all options from initial component configuration |
name | indicates the name of the component (a read-only property) |
type | currently used set of helpers for view rendering |
Back to top