This repository has been archived by the owner on Mar 18, 2024. It is now read-only.
This is the widgetbrowser version of the Clean theme. It has been tested using the top 3 major browsers on both Windows 10 and the latest MacOS. This version works with the widgetbrowser app with two exceptions. qx-inset class gets demoted for some odd reason for textfields, and theme switching breaks when going from Clean to any other theme.
New\Unique feature of this theme:
All decorator images, with the exception of treevirtual, have been replaced with code (pure qx, qx + CSS) or embedded SVG using the template class. Prime examples are:
- arrows and radiobuttons (pure qx)
- checkbox and table select column button (qx + CSS)
- datefield and tree (embedded SVG)
Design decisions to consider are as follows:
- Mixins are used to add new, themable fields to framework classes - See "qx.theme.Clean" for the exact list
- "qx.ui.popup.Popup" is patched in order to include two new states, bottom and top placement, in order to know if a selectbox's popup is above or underneath the control (i recommend updating the framework itself in order to enable this feature, but it is here for now)
- iconProps property is added to Atom so that Button appearance entries can change it's image based on button states (hover, focus, etc)
- "html" property has been added to Image so that SVG (or HTML) can be added and manipulated by the Image's parent container (i.e. Atom and HeaderCell). SVG code is centralized in the theme's "qx.theme.clean.Image" class as static entries
- "freeStyleCss" is added to Decorator to allow for the addition of psudo classes (after and before) and custom CSS. Custom CSS is centralized in the theme's "qx.theme.clean.Image" class as static entries
Working demo can be found here: http://sqville.com/examples/widgetbrowser2018/index.html