overflow

used to make a tooltip dynamic

boolean overflow;

Example

{
  view:"list",  // any data component
  tooltip:{
    overflow: true
  }
}

Related samples

Details

There are 2 conditions to make this property work:

1) Desired node/data item must have a special webix_tooltip attribute with the value to show. For example you can provide a template for data elements:

// #value# will be tooltip content
template: "<span webix_tooltip='#value#' class='text'>#id#. #value#</span>"

2) Node/data item must be styled the way it won't be able to show the whole content e.g. as it's shown below:

.text {
  overflow: hidden; /* clips content */ 
  white-space: nowrap; /* suppresses line breaks */
}
See also
Back to top