Help on Hint

Looks nice, but i don’t get it run :frowning:

https://webix.com/snippet/8bc35c16

@chris fixed. Thank you for reporting!

help again, please. How do I activate the locale for hint? Don’t get foreign language labels.

@chris now you can set locale with the help of setLocale method webix.i18n.setLocale(“de-DE”). There are 10 locales available
https://webix.com/snippet/b41b83c3

thanks!

when i use that snippet, also the greyed area is still clickable, all buttons etc. would be available, so i d’not have to follow the steps.

is that as it should be? would be nice that area would be protected.

Don’t want to create an extra topic about Hint.

Is there a way to set a position for a hint box ? I have a large table that takes almost the whole screen and when the hint is triggered it is being shown under the table where you can’t see it.

Hi @chris, you are right. We have updated the package, so now the greyed area is no more clickable.

Hi @Yuppy, I see the issue. We have changed the logic of the box position detection, so now it should always stay visible. We will as well consider the possibility to set custom position in the next Webix version.

@Helga

Don’t know if it is an issue with hint or it is suppose to be so.

https://webix-hub.github.io/hint-component/samples/01_init.html

When you go to last step and select ‘Return’ the component goes under greyed area.

@Hanna @Helga, how to properly recreate hint to get rid of non unique id error?

https://webix.com/snippet/03ced376 it works only once

Hi @keson, cannot reproduce non unique id error.
But if you want to recreate hint it is better to call “start” and “end” methods instead of “destructor” https://webix.com/snippet/76a7b14d.
and if you you need to create a view with unique id each time just set it to webix.uid()
If you still get an error, please, let us know

Encountered a problem with selecting from a list: when the hint widget is displayed, it is not possible to use the mouse to select from a popup/drop-down list.

The problem manifests in the live demo. Here’s how:

In the live demo when the help widget is displaying item 3 of 3 (the title is “Book Flight Tickets”), click on a departure point (“From”) or destination (“To”) to display the list, then try to select a city in the list using a mouse click. It is only possible to select a city using the arrow keys.

When the hint widget is closed, mouse clicks work as expected to select from a list.

Really liking having this widget available. Nice work.

The following can be revealed in the live demo when displaying either of the first two hints, but not the third:

Under some circumstances, resizing the browser from either side when a hint is displayed causes the screen to not redraw quite right and prevents interaction with the hint’s element (the ‘highlighted’ element determined by the hint’s el: id). If you resize the browser enough from side-to-side such that this action resizes the initially highlighted element, as that element ‘moves’ during resizing the hint’s highlight will not move with it. Resizing by dragging only the top or bottom edge of the browser seems to work fine.

Any amount of resizing of the browser from either side in some circumstances causes loss of focus from – and thus prevents interaction with – the hint’s highlighted element (as indicated by the hint’s el: id). Refreshing the page redraws everything and the element becomes available for interaction again. This loss of focus problem happens in the live demo with the first two hints, but not with the third hint.

A smaller consideration is that when resizing the browser the hint box does not move to stay in view. If the hint is positioned on the right and/or near the bottom of the screen and the browser is resized either vertically or horizontally the hint may become partially or fully off-screen.

Hi @croixnet thank you for pointing out this problems.

  1. The problem occurs because pointer events are blocked for all elements exept the “hilighted” one. This rule will be removed for “.webix_window” and “.webix_popup”
  2. We are looking for the best solution of the resizing problem now
    Thank you for your feedback!