Новый Webix 11.2 Подробнее Методы динамических массивов в SpreadSheet, touch-ресайз колонок в Grid и другие фичи.

WEBIX BLOG

Создание адаптивных веб-приложений с помощью Webix 1.8

Webix был обновлен до версии 1.8, которая включает в себя приятные бонусы для наших пользователей. Одни из них — это техники построения адаптивных приложений. В Webix 1.8 был также улучшен пользовательский интерфейс и исправлены некоторые ошибки.

Адаптивные веб-приложения

Ранее, при разработке десктопных веб-приложений с Webix, существовала проблема адаптации этих приложений для мобильных устройств. Десктопные приложения были слишком большими, для того чтобы уместиться на небольшом экране, и при этом выглядеть привлекательно.

В Webix 1.8 мы добавили 2 новые возможности, которые сделают ваше приложение адаптивным и улучшат его юзабилити как на десктопных, так и на мобильных устройствах.

Для более подробного изучения новой функциональности библиотеки предлагаем вам рассмотреть адаптивное веб-приложение, созданное при помощи Webix.

Вот как выглядит десктопное веб-приложение:

webix 1.8 reponsive design

При уменьшении окна браузера вкладки компонента Tabbar, которые не вместились в видимую часть экрана, преобразуются в обычную кнопку, к которой прикреплен компонент popup list (вместо кнопки может быть вкладка таббара).

Webix 1.7 : Новый Скин для Десктопных и Мобильных Устройств

Мы рады объявить о выпуске Webix 1.7 с новым дефолтным скином, поддержкой выбора нескольких элементов на тач-устройствах и улучшенным пользовательским интерфейсом. В новой версии были исправлены некоторые ошибки.

718_image_13_01

 

Новый скин эффективно работает как на десктопных, так и на мобильных устройствах. Он выполнен во flat-дизайне, благодаря которому ваши веб-приложения будут стильными и удобными в использовании.

Webix 1.6: Полная поддержка тач-устройств Windows 8 и REST API

Сегодня мы рады сообщить о выпуске новой версии Webix 1.6, компоненты которой корректно работают на тач-устройствах Windows 8, а также поддерживают операции drag-and-drop на любых видах тач-устройств. Кроме того, версия 1.6 включает улучшение пользовательского интерфейса и усовершенствование интеграции с сервером.

win 8 DND

Windows 8

После улучшения работы библиотеки на мобильных устройствах iOS и Android мы перешли к усовершенствованию поддержки Windows 8 тач-устройств компонентами Webix.

DHTMLX Gantt Chart в Веб-приложениях Webix

Современному менеджеру проектов необходим быстрый и удобный в использовании инструмент, который позволил бы ему управлять проектами: добавлять новые задания, устанавливать сроки для них, создавать различные отношения между установленными задачами и т.д.
Обновление от 8 октября, 2020

С выходом версии Webix 8.0, стал доступен собственный JavaScript Gantt Chart компонент. Теперь пользователи Webix могут использовать оригинальный Webix Gantt. Этот компонент создан по всем канонам Webix framework и предназначен для интеграции в любые бизнес-приложения, независимо от их архитектуры и системной платформы.

Webix Gantt

Использование Pivot Chart для анализа данных

Если вы хотите добавить в ваше приложение JavaScript-чарты, обладающие основными функциями Pivot Table, для этого вы можете использовать Webix Pivot Chart. Этот многофункциональный компонент представляет ряды данных, категории и оси диаграмм, так же, как и виджет Charts JS, и, кроме того, обеспечивает вас интерактивными контролами фильтрования для быстрого анализа набора данных.

 pivot-chart

Простая интеграция Webix c dhtmlxScheduler

Все рабочие процессы связаны с разработкой планов и их выполнением. Для того, чтобы организовать события и деловые встречи, а также для управления и отслеживания текущих задач, менеджеры могут использовать интерактивный dhtmlxScheduler.

dhtmlxScheduler — это многофункциональный календарь событий, который позволяет добавлять в веб-приложение планировщик, подобный тому, который используется в Google. Он может создавать события, показывать расписание на день, неделю или месяц, отображать местоположение, связанное с событием календаря, а также отображать повторяющиеся действия.

Отличная новость! Вы можете легко использовать Webix с вышеуказанным планировщиком. Такая интеграция наделит ваши веб-приложения многочисленными свойствами Scheduler в дополнение к замечательным функциям Webix.

интеграция Webix с Scheduler

Более того, вам не нужно писать огромное количество кода, для того, чтобы добавить Scheduler в приложение Webix. Scheduler можно использовать как любой другой компонент Webix.

Webix 1.5: Улучшенная поддержка мобильных устройств

Одной из основных особенностей Webix является способность работать корректно как на десктопных, так и на мобильных устройствах. Это означает, что вы можете разработать одно веб-приложение, которое будет поддерживать многочисленные платформы.

Мы постоянно совершенствуем вышеописанную функциональность. Благодаря усилиям нашей команды профессионалов, начиная с версии 1.5, мобильные веб-приложения Webix выглядят и работают на тач-устройствах еще лучше. Чтобы оценить эти положительные изменения, посмотрите это демо с новым скином на вашем мобильном устройстве.

тач демка

Онлайн редактор кода для создания Webix UI

Вы ищете удобный инструмент для быстрого прототипирования? Хотели бы поделиться в популярных социальных сетях своим опытом создания пользовательского интерфейса?

Webix представляет вашему вниманию онлайн редактор кода “Code Snippet”, который позволяет создавать прототип приложения с использованием Webix и мгновенно отображать результаты вашей работы в правой части экрана.

редактор кода
Кроме того, данный инструмент позволяет писать код на JavaScript и HTML, загружать данные в форматах JSON и XML, а также использовать 6 новых скинов Webix, чтобы сделать интерфейс приложения более красочным.

Если во время написания кода вы сделаете ошибку, Code Snippet покажет вам предупредительное сообщение.

Используя встроенную кнопку “Share”, вы можете поделиться результатами работы в социальных сетях. Помимо этого, для создания интерфейса приложения вы можете использовать готовые наборы данных, которые находятся в опциях инструмента.

Вы также можете использовать редактор кода «Code Snippet», если у вас возникнут вопросы к службе поддержки Webix. Просто пришлите нам ссылку на страницу с вашим кодом.

Webix 1.4: Новые контролы и мгновенный обмен данными с сервером

Встречайте новый Webix 1.4! Он порадует вас новыми элементами управления для выбора данных, возможностью обмена данными с сервером в реальном времени, а также другими улучшениями и исправлениями.

Новые элементы управления выбора данных

Webix 1.4 поможет вам расширить функциональность ваших HTML-элементов управления выбором данных.

Data-suggest позволяет использовать мультимедийные объекты в качестве опций выбора (select options). Вы можете использовать картинки или любой другой сложный HTML-контент в качестве опций выбора или в самом select контроле.

data-suggest control

Демо

Skin Builder – Онлайн-инструмент для создания скинов

Отличные новости! Теперь вы можете устанавливать цвета и шрифты для веб-интерфейса по своему вкусу! Мы выпускаем новый Webix Skin Builder – онлайн-инструмент, который вы можете использовать для настройки интерфейса.

webix skin builder

Вы можете выбрать одну из восьми готовых цветовых схем в списке базовых скинов (air, compact, clouds, glamour, light, metro, terrace и web) или создать свой собственный стиль веб-приложения.

1 2 3 4