WEBIX BLOG

Материальный Дизайн в Интерфейсе Webix

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

материальный дизайн в Webix UI

Команда Webix вдохновилась визуальным языком Google Material Design и использовала его спецификацию для создания нового скина.

Чекбоксы в DataTable. Малоизвестные техники

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

Основные чекбоксы

Минимальный код для инициализации DataTable с чекбоксами выглядит следующим образом:

webix.ui({
view:"datatable",
columns:[
{ id:"status", header:"Is Active", width:80, css:"center",
template:"{common.checkbox()}"},
{ id:"value", header:"Records", fillspace:1 },
],
data: [
{ status:0, value:"Record A"},
{ status:1, value:"Record B"},
{ status:0, value:"Record C"}
]
});

Результатом работы данного кода является симпатичный JavaScript grid, представленный на картинке ниже. Строка “{common.checkbox()}” в темплейте преобразуется в чекбокс контрол.

Basic Webix Checkboxes

 

Демо

Webix CDN для создания быстрых веб-приложений

Отличные новости! Теперь необязательно скачивать пакет с сайта и распаковывать его, чтобы начать пользоваться библиотекой Webix. Вы можете подключить 2 файла Webix прямо из интернета, просто задав ссылки на CDN.

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

Webix использует CDN

Теперь, если конечный пользователь работает, например, с несколькими приложениями, созданными на основе Webix, скорость загрузки второго приложения будет намного выше, чем без использования CDN. Когда пользователь работает с первым приложением, файлы webix.js и webix.css загружаются в кэш и хранятся там. Таким образом, при запуске второго приложения, браузеру не нужно загружать файлы Webix еще раз, поскольку они уже находятся в кэше.

File Manager — новый виджет для управления файлами

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

Сегодня мы рады представить вам новый Webix виджет, созданный для удобной организации ваших данных в интернете — File Manager. Это JavaScript и HTML5 компонент, который позволяет управлять иерархическими данными, а именно файлами и папками, в вашем приложении.

Webix File Manager виджет

Webix 2.2: Новые возможности виджетов и UI улучшения

Мы рады объявить об обновлении UI библиотеки компонентов Webix. Новая версия включает множество новых функций виджетов и другие значительные улучшения.

Связывание данных

В версии Webix 2.2 появилась возможность связывания данных для таких компонентов, как Tree и TreeTable.

В случае, если у вас на странице есть либо виджет Tree или же TreeTable, вы можете связать один из них с другим data компонентом. Таким образом, любые изменения в Tree или TreeTable виджете будут вызывать соответствующие модификации в связанном с ним компоненте.

связывание данных для Tree

Например, когда вы выбираете элемент в виджете Tree, он будет источником данных для DataTable.

Webix Kanban Board — виджет для управления проектами

Мы рады представить вам новый Webix виджет под названием Kanban Board. Это инструмент, позволяющий отслеживать ход рабочего процесса, и изменять его “на лету”, в соответствии с требованиями проекта. Это позволит вам разрабатывать все ваши продукты точно в срок.

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

Kanban доска для вашего приложения

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

Чтобы скачать Webix Kanban Board, перейдите по этой ссылке.

Webix 2.1: Улучшенная совместимость с jQuery, Bootstrap JS и многое другое

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

Совместимость с Bootstrap JS

Начиная с версии 2.1, Webix еще лучше работает с Bootstrap, популярным HTML, CSS и JavaScript фреймворком, который позволяет создавать отличные веб-приложения с красивыми элементами.

совместимость webix с bootstrap

Webix Scheduler — JavaScript календарь для мобильных устройств

Сложно представить современную жизнь без планирования как деловых, так и личных встреч и событий. Мы можем использовать для этих целей электронные календари, ежедневники, специальные веб-приложения. Однако, самым удобным календарем является тот, который всегда под рукой. Такими свойствами обладает мобильный календарь. JavaScript Scheduler — это Javascript и HTML5 календарь событий, адаптированный под мобильные устройства.

Sceduler позволяет создавать легко редактируемые однодневные и многодневные события. Для редактирования события вам просто нужно кликнуть по нему и произвести необходимые изменения в форме “Edit”. Для изменения даты начала и окончания события нужно всего лишь кликнуть в соответствующем поле формы, а затем выбрать дату в календаре.

Этот JavaScript календарь имеет три основных представления: Day, Week, Month. Для навигации между ними используются табы тулбара, расположенного в нижней части компонента.

Webix Mobile Scheduler-основные views

«Don’t forget» — первое мобильное приложение Webix для Firefox OS

Представляем новое мобильное приложение, созданное с помощью Webix, которое безупречно работает на устройствах под операционной системой Firefox OS.

Firefox App Built With Webix

«Don’t forget»- это удобное в использовании приложение, которое поможет вам совершать запланированные покупки без головной боли. Оно позволяет создавать списки покупок и управлять ими.

Webix 2.0: улучшенная производительность и новые функции

Отличные новости от команды Webix! Мы выпустили новую версию библиотеки Webix 2.0! Номер версии подразумевает серьезные изменения — и мы готовы предложить вам множество полезных обновлений.

Улучшенный виджет DataTable

Мы улучшили многие виджеты библиотеки Webix, но больше других был усовершенствован компонент DataTable. С него и начнем.

Сейчас она обладает следующими отличными функциями:

  • Объединение строк и столбцов
  • Меню заголовка
  • Расширенные возможности редакторов
  • Сгруппированные столбцы
  • Сохранение текущего состояния
  • Расширенные возможности фильтра
  • Вертикальный заголовок
  • Кастомная высота футеров и хедеров

1 15 16 17 18 19 21