Community
Participate
Working Groups
Created attachment 136995 [details] CVS Patch Currently, the "gradientMixin" mixin for qooxdoo-widgets provides a themeable "gradient"-property, that renders a gradient background in SVG/VML. Example for use in appearances: style : function( states ) { var result = {}; if( states.over ) { result.gradient = [ "blue", "green"]; } else { result.gradient = null; } }
Created attachment 138405 [details] Enable control background gradient through IControlAdapter This patch includes: 1. GradientMixin 2. RAP part modifications to utilize the GradientMixin 3. JUnit test for backgroundGradient rendering. 4. Controls Demo -> CompositeTab modification - "Background Gradient" button added.
Created attachment 138559 [details] Enable control background gradient through IControlAdapter Updated pacth with latest version of GfxMixin.js.
Created attachment 138652 [details] Enable background gradient in Forms. The background gradient in Section and FormHeading is implemented.
Note: The gradient code should be moved to Widget instead of Control as we need it for Items, Menus, etc too.
Created attachment 139144 [details] Enable control background gradient through IWidgetGraphicsAdapter The code for background gradient is moved to IWidgetGraphicsAdapter and WidgetLCAUtil.
Created attachment 139767 [details] New GfxMixin Now supports intermediate values. API changed, instead of "[ startcolor, stopcolor ]", it now is "[ [ position, color ], [ position, color], etc ]". As a result, "[ null, null ]" is also no longer valid, only "null". The position must be a number between 0 and 1. The values must be sort in an ascending order, and at leat 0 and 1 have to be defined. Therefore, the first item must be "[0, color]", the last "[1, color]". The values are NOT checked, an invalid structure might lead to any kind of result. Rounded borders are also included in the mixin. See bug 278743, attachment 138426 [details].
Created attachment 140381 [details] Updated patch with latest version of GfxMixin and CSS support (for both gradients and rounded borders)
Created attachment 140385 [details] Changed Scale default theme with rounded border and background gradient (for demo purpose only).
Created attachment 140656 [details] Updated patch: code refactoring and JUnit test included
Changes are in CVS HEAD.
Created attachment 141433 [details] enable gradient and rounded border css enables the use of css property "border-radius:" and "background-image:gradient". Also sovles the resizeing-problem with Titlebar and Group.
Created attachment 141434 [details] example theme A quick example-theme using all new properties.
Created attachment 141496 [details] Fixes problem with group-dimension Patch 141433 attampted to solve a layout-problem with group-frames and rounded borders. However, this also created a new bug that set the wrong dimension for group-frames, even if no rounded borders are used. This is now solved.
With patch 141496 the Group rounded border ( not Group-Frame border ) is not visualized at all ( if you use theme.css from attachment 141434 [details] ).
Created attachment 141899 [details] Enableds gradients for more widgets Enables css-gradients for Shell, Composite, Label, CLabel, TableColumn, TreeColumn, TabItem, CTabItem and also rounded borders for Shell.
