New UI framework - Arnica Dialog 11

July 11, 2018 by Igor Lozhkin
Arnica Dialog 11 is a lightweight re-integratable UI framework for a new generation of Arnica Platform applications, and custom solutions. Dialog 11 may be integrated with virtually any UI solution or built around any contemporary UI models - React, Angular, Foundation, Bootstrap, etc. 

Unlike other UI frameworks, Arnica Dialog 11 does not force its structure onto the web page, but instead is used as an optional library of UI components. Dialog 11 was designed for stand-alone use to deliver great user experience for both mobile and desktop viewports, as well as used together with other UI frameworks to contribute only parts of its features as needed.

To ensure maximum compatibility with currently used browser base, we engaged only widely-supported features of HTML5 and CSS3. HTML flex is used in some UI elements, while CSS grid has not been engaged yet. The role of JavaScript in Dialog 11 is mostly for behaviors, rather than for HTML rendering. With minimum dependencies on the client-side JavaScripts, HTML elements may be rendered both at server and/or client-side.

Below is a preview of Arnica Dialog 11 UI elements.

Arnica_Dialog_11_buttons.png
Arnica_Dialog_11_air_buttons.png
Arnica_Dialog_11_checkboxes.png
Arnica_Dialog_11_checkboxes_with_hierachy.png
Arnica_Dialog_11_dropdown.png
Arnica_Dialog_11_date_picker.png
Arnica_Dialog_11_messages.png
Arnica_Dialog_11_portlet.png
Arnica_Dialog_11_radiobuttons.png
Arnica_Dialog_11_report_toolbar.png
Arnica_Dialog_11_tabs.png