{"id":891,"date":"2011-03-28T16:47:07","date_gmt":"2011-03-28T20:47:07","guid":{"rendered":"https:\/\/clarionsharp.com\/blog\/?p=891"},"modified":"2011-03-28T16:47:07","modified_gmt":"2011-03-28T20:47:07","slug":"clarion-8-new-ui-features","status":"publish","type":"post","link":"https:\/\/clarionsharp.com\/blog\/clarion-8-new-ui-features\/","title":{"rendered":"Clarion 8 – New UI features"},"content":{"rendered":"

Clarion 8 has a number of very important enhancements to the IDE, those have been talked about before, and shown on ClarionLive. Version 8 also has a number of new UI features introduced into the RTL. In no particular order here they are:<\/p>\n

Three-state Checkbox controls<\/h2>\n

Checkbox controls now provide an optional third state.\u00a0 The CHECK control can offer either two states (ON or OFF) or three states (ON, OFF and INDETERMINATE).
\nBy default, when the CHECK is unchecked (off) the USE variable receives a value of zero (0); when the CHECK is checked (on), the USE variable receives a value of one (1), and when the CHECK is in indeterminate state the USE variable, by default, receives a value of two (2) . The VALUE attribute can be used to change the default ON\/OFF values, and set the USE variable to other values. You can also use the runtime properties PROP:TrueValue and PROP:FalseValue.<\/p>\n

If the STATE3 attribute is enabled then you have a three-state checkbox.\u00a0 You can specify the value the USE variable receives in the Designer or at runtime with PROP:State3Value.<\/p>\n

\"\"<\/a> \"\"<\/a><\/p>\n

\n

Three-State Check controls; Win 7 on the left and XP on the right<\/p>\n

\n

Another feature that applies to both CHECK controls and OPTION controls; both now support a ReadOnly property.<\/p>\n

\n

Gradient support on Toolbar controls<\/h2>\n

All of the existing implementation for creating gradients are now supported for Toolbar controls.\u00a0 You can create much nicer looking Toolbars though I’m make no claims about my artistic ability, I think this looks pretty good:<\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

Gradient support for PANEL and BOX controls<\/h2>\n

Same here, all of the existing implementation for creating gradients are now supported for BOX and PANEL controls.<\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

PROP:NoTheme<\/h2>\n

When the Sheet\/Tab control was updated to support OS Themes most users were pretty happy, but those who liked to use their own Colors were not as happy. In Clarion 8 we have introduced a strategy that allows your program to be manifested (i,e use the the OS theme), but with Prop:NoTheme applied to a SHEET control, you can set the colors for the SHEET and for individual Tabs.<\/p>\n

\"\"<\/a><\/p>\n

There is also Global Template support to apply PROP:NoTheme to all Sheet\/Tabs in your application.<\/p>\n

Slider control<\/h2>\n

Version 8 introduces support for the SLIDER control.<\/p>\n

\"\"<\/a><\/p>\n

New RTL implementation for disabled images and icons<\/h2>\n

In this case the images say it all<\/p>\n

Using an Icon image:<\/p>\n

\"\"<\/a><\/p>\n

Using a JPG image:<\/p>\n

\"\"<\/a><\/p>\n

As you can see lots of nice UI improvements for your end users. <\/p>\n

\n