View:Custon tooltip css

Здравствуйте, может быть вопрос не связан с самой библиотекой. На css написан свое всплывающее окно, но оно никак не отображается поверх ячеек или элементов webix. Как можно это исправить?пример:

http://webix.com/snippet/1ec61e30

Вы задаёте tooltip из текста, который лежит внутри view, а затем пытаетесь показать его за пределми этого самого view.

По умолчанию для класса webix_view прописано свойство overflow:hidden, поэтому ничего дальше границ и не видно. Решается это через новый стиль:

http://webix.com/snippet/1440177e

Большое Вам спасибо!!!очень помогли!

Подскажите, как правильно задать свойство overflow для всех элементов dtable, что бы подсказка отображалась, но при этом ничего не ломалось во во второй таблице.

http://webix.com/snippet/04a17edb

Возможно, здесь будет удобнее использовать стандартный tooltip - так Вы сможете избежать проблем с отображением. К тому же, этот элемент легко стилизовать:

http://webix.com/snippet/b82f6ca5

http://docs.webix.com/desktop__tooltip.html

стандартный tooltip не позволяет добавить элементы стиля after и before, так же необходимо, что бы он не исчезал сразу же и можно было перевести на него курсор и редактировать текст, используя стандартный tooltip у меня этого не получилось добиться.

Если необходимо редактировать текст, то лучше всего воспользоваться ui.context и передавать туда данные из таблицы.

http://webix.com/snippet/1307d785

спасибо, это очень помогло!

Здравствуйте, подскажите, а можно использовать webix виджеты в зависимости от типа колонки, например, для текста вызывать редактирование текста, а для даты - вызывать редактирование даты.
http://webix.com/snippet/9a7ba24d

На основе того же сниппета получится примерно вот так:

http://webix.com/snippet/414acd6a

Однако, для datatable существует великое множество куда более удобных эдиторов, в том числе и для дат:

http://docs.webix.com/datatable__editing.html

Да, побывал это функцию, только почему то свойство position: ‘top’ работает не правильно, не отображаются элементы выше ячейки

Через position задаётся положение всплывающего окна относительно страницы, так что работает оно правильно.
Воспользуйтесь свойством relative:“top”. Ещё один момент - в этом случае придётся заменить autoheight на фиксированную высоту.

http://webix.com/snippet/d2560369

спасибо!

Еще беспокою по этой теме)решил использовать editing, но в данном примере некорректно работает выбор даты: при попытке перещелкнуть месяц или год, выбрать время элемент скрывает. К сожалению использовать элемент calendar не получится, нужно, что бы было текстовое поле и возможность выбора даты

http://webix.com/snippet/cac02c41

В данном случае это ожидаемая работа Webix с попап-окнами - если происходит клик вне его, окно закрывается. Клик по календарю происходит вне окна с текстовым полем, поэтому оба закрываются.

А использование классического date editor совсем не подходит? http://webix.com/snippet/8e3ae88b

Да, совсем не подходит.
Реализовал так
http://webix.com/snippet/b8aff9e1
но тут тоже используются popup окна. Получается не логично, тут работает, а там нет

Здесь немного другая ситуация. Popup с текстовым полем инициализируется не как часть другого редактора. Редактор же должен закрыться по внешнему клику.

ясно, спасибо!