1. VDF-SIG Codejock Classes
Hi, My name is ! From !
The main authors are:- Martin Pincott, Ian Smith and Peter Bragg.
The reason for doing all this work and giving it away for free is simple: -
To improve and fast track development
To improve the look and usability of all of our products
The more developers use it, the better support from DAW (which has already started to happen)
Our goal is to have a good set of classes that the Dataflex developers can trust and use without having to fully understand com.
Oh and to have fun...
DAW are supporting this porject.
Martin Pincott
ASCKEY Data Services

2. Codejock 1. Codejock components 2. Data Access components
3. VDF-SIG Classes
4. Sig Training Courses

3. Codejock Xtreme SuitePro
Xtreme CommandBars Included in VDF 14.1
Xtreme SkinFramework Included in VDF 14.1
Xtreme DockingPane
Xtreme ShortcutBar
Xtreme TaskPanel
Xtreme PropertyGrid
Xtreme CalendarPro
Xtreme ReportControl Included in VDF 16.0
Xtreme Controls
With Xtreme SuitePro you can create powerful enterprise class applications that incorporate a full set of highly customizable user interface components that include Microsoft� Office style toolbars and menus.
Xtreme CommandBars CommandBars provides fully customizable menus and toolbars.
Xtreme SkinFramework SkinFramework provides an application skinning framework technology for use with Windows Themes and Visual Styles
Xtreme DockingPane DockingPane provides comprehensive, fully customizable docking panes giving your application a professional and modern interface. Xtreme ShortcutBar ShortcutBar provides a navigation panel similar to the navigation panel seen in Microsoft Outlook
Xtreme TaskPanel TaskPanel provides an Office style Task Panel similar to Microsofts Office and Windows Explorer.
Xtreme PropertyGrid PropertyGrid provides a comprehensive, fully customizable property grid giving your application a professional and modern interface.
Xtreme CalendarPro CalendarPro provides with an Outlook style calendar
Xtreme ReportControl ReportControl provides an Office style Reporting grid component. Xtreme Controls Other Controls provides numerous ready-to-use components
Developer license from: $399 With one year subscription from: $499 Subscription renewal from: $169

4. VDF-SIG Classes  Client Area Tabs Docking Panels Short Cut Bar
Task Panel 
Popup Message Control
Message Task Dialogues
Month Calendar   (Pop Up)
Property Grid 
Push Buttons
Tri-State Checkbox
XAML (Label Control)
Report Control (List/Grid)
Calendar
Tree View
Class sets that are done…
Client Area Tabs 
Docking Panels    
Short Cut Bar 
Task Panel 
Popup Control
Task Dialogues
Month Calendar   (Pop Up)
Property Grid 
Push Buttons
Tri-State Checkbox
XAML (Label Control)
Report Control - Supports :- Text, Dataflex, SQL For both the dataflex and mertech drivers
Calendar
Menu System Improvements   (WIP) 
Web Browser   

5. Sig Training Courses Getting Started Docking Panes Property Grid
Report Control
Calendar Control

6. VDF-SIG Class set
Questions?

7. Getting Started Requirements
1. Codejock Installation
2. Sig Libraries
3. Workspaces
4. Codejock this!

8. USB Pen Create a temp directory .\devsig
Copy the contents of the USB pen to your .\devsig directory
This includes: -
Codejock Training (Today's training course)
Codejock Classes (Sig CJ Class sets)
Installs (Codejock eval Pro suite)
SigCj.chm (VDF Studio Help)

9. Codejock Installation
If you don’t have the Full set of Codejock Version n.n.n installed then:-
Make sure you have Administrator rights and if running Vista turn off UAC for the installations.
Run the Codejock installation routine from the .\dev\sig\Installs directory
Current version number is

10. Workspace Installation
Next we need to copy over all directories to your development area.
Run Visual Dataflex Studio 16.n and open the Sig Codejock Training 16.n workspace
Add the Sig Codejock Classes v1 library
 Compile and run the Order sample
Explain the sws files

11. Getting Started Training
First we need to make some changes to the your Program
Delete the following lines
Use DfAllent.pkg
Use Dftimer.pkg
Use cCJStandardCommandBarSystem.pkg
Add the following
Use OrderPrecompile.pkg
Review the OrderPrecompile.pkg
Changing your Program
Deletion of use packages
Review the changes made to the OrderPrecompile.pkg

12. Getting Started Training
After the Application Object add the following
Object oSkin is a cCJSkinFramework Set psSkinFile to "Office2007.cjstyles" Set psSkinIni to "NormalBlue.ini" End_Object

13. Getting Started Training
Change the Command bar system class in the Main application Panel
to read cSigCJCommandBarSystem

14. Getting Started Training
Now we need to make some minor changes to the Client Area
Object oClientArea is a ClientArea Set Color to clWhite Set Bitmap to "logo.bmp" Set Bitmap_Style to Bitmap_Center

15. Getting Started Training
 Compile, run and review
Open some views
What has changed?
You should know see that the client area has a background
Open some of the views
We now have a standard framework with skinning and Tab views
Now you can see how easy it is to change the look and feel of an application without doing a lot!
You should consider what would be the best look and feel of your application.

16. Getting Started Training

17. Getting Started
Questions?

18. Docking Pane Training 1. Functionality 2. Sig Class features
3. Create simple panes
4. Explore the features!

19. Docking Pane Training – Functionality
Xtreme DockingPane™ 2012 provides Windows developers with a sophisticated style docking pane.  Windows developers can easily create tear off tabs and auto hide windows that allow for a more manageable application workspace.  The docking panes comes with built in theme support that will allow you to choose from predefined themes such as Visio and Visual Studio .NET, or create your own custom theme.
General Features
Theme Support
Tab Customization
Auto Hide Panel Customization
Load and Save State

20. Docking Pane Training – Sig Features
Standard supported options
Label
Icons and Images
Sticker Style
Themes
Location
Floating panes
Pinned panes
Save layout for each user

21. Docking Pane Training – How
Add a pane toolbar
Created a container pane package
Add the docking panes – each pane requires a unique number for the Save layout option to work, so to make things easy, our suggestion is to create an Enum_List
Enum_List
    Define C_Pane_None
    Define C_Pane_Property_Grid
End_Enum_List
Add the above to the top of your Program
In order to get docking panes in are application there a few things we need to do.

22. Docking Pane Training –Toolbar
Add the following toolbar to the program just before the StatusBar.
Object oDockingPaneBar is a cCJToolbar
Set psTitle to "Docking Pane Toolbar"
Object oPropertyGrid_Menu is a cCJMenuItem
Set psCaption to "Property Grid"
Set psToolTip to "Property Grid"
Set psDescription to "Property Grid"
Set psImage to "Configure_16.ico"
Procedure OnExecute Variant vCommandBarControl
Send ShowPane of oDockingManager C_Pane_Property_Grid
End_Procedure
End_Object
This is really must for docking panes; as you can close them, you’ll need away of displaying them again.

23. Docking Pane Training – Container
Just before the Client area add the following code
Object oPropertyGrid_Container is a cSigCJDockingPane_Container
Set Border_Style to Border_Dialog
Set Location to
Set Size to
Set peAnchors to anAll
Set Color to clFuchsia
End_Object
We need to have a container to place any DataFlex components within it. You just can’t drop any component onto an Active X control.

24. Docking Pane Training – Docking
Just before the Client area add the following Docking Manager and Pane code
Object oDockingManager is a cSigCjDockingManager
Set psPX_Tag to "Docking Manager“
Object oPropertyGrid_Pane is a cSigCjDockingPane
Set psTitle to "Property Grid"
Set psImage to "Configure_16.ico"
Set phoClientObject to (oPropertyGrid_Container(Self))
Set peLocation to OLEDockRightOf
Set piId to C_Pane_Property_Grid
End_Object // oPropertyGrid_Pane
End_Object // oDockingManager
 Compile, run and review
We need to add the Docking Pane area code, in this case we don’t want the code in the client area as the framing and sizing of the client area will not work correctly.
Within the docking pane we need to add the pane itself that going to hold your data.

25. Docking Pane Training – Explore
Lets changed the Toolbar button so it’s not active all the time
Change the following Menu item property
Set pbActiveUpdate to True
Add the following Function
Function IsEnabled Returns Boolean
Boolean bStatus
Get IsPaneClosed of oDockingManager C_Pane_Property_Grid to bStatus
Function_Return bStatus
End_Function
 Compile, run and review

26. Docking Pane Training – Explore

27. Docking Pane Training
Questions?

28. Property Grid Training
1. Functionality
2. Sig Class features
3. Create simple grid
4. Explore the features!

29. Property Grid Training – Functionality
Xtreme PropertyGrid™ 2012 provides Windows developers with a sophisticated style property grid.  Windows developers can easily create a hierarchical list of editable properties and represent any data type or sub-item. The property grid comes with a built in toolbar for easy sorting and grouping, and a help panel to display information on each selected item.
General Features
Built in Data Types
Customization
Theme Support

30. Property Grid Training – Sig Features
Standard supported options
Data aware
Label
Icons and Images
Grid Categories
Grid Items
Item Button
Expand Button
Combo form
Spin form
Slider
Spin and Slider

31. Property Grid Training – How
There are so many options!
In the Program where you have placed the Object oPropertyGrid_Container is a cSigCJDockingPane_Container
Replace the object with following
Use oPropertyGrid_Container.pkg
 Compile, run and review
Open the Use oPropertyGrid_Container.pkg package.
Go through the package

32. Property Grid Training – Explore
To use the Slider make the docking pane wider.

33. Property Grid Training
Questions?

34. Task Dialog Training 1. Functionality 2. Sig Class features
3. Create simple dialogs
4. Explore the features!

35. Task Dialog Training – Functionality
Xtreme Controls™ 2012 provides Windows GUI software engineers with numerous MFC components that have been thoroughly designed and tested. This comprehensive set of object-oriented components has been designed to handle most any GUI application development requirement.
Task Dialogs (messages)

36. Task Dialog Training – Sig Features
Standard supported options
Sig versions for all the DF Box type dialogs
Icon and Images
Radio buttons
Hyperlinks
Sub Text
Progress bar
Automatic Word wrap (no more \n!)

37. Task Dialog Training – How
Add the Task Dialog Object
Create a test view

38. Task Dialog Training – Coding
Add the following to the Client Area object in the Program
Use oSigCJTaskDialog.pkg
Now create a new view and add five buttons to it with the following Labels
YesNo
YesNoCancel
Info
Warning
Stop

39. Task Dialog Training – Coding
In the OnClick procedure add the following
YesNo
Integer iResult
Get sigYesNo_Box "Humbugs!" "Hello World" 0 to iResult
YesNoCancel
Get sigYesNoCancel_Box "Humbugs!" "Hello World" eBtn_Cancel to iResult
Info
Send SigInfo_Box "Humbugs are great, so you think you can program!" "Hello World"
Warning
Send SigWarning_Box "Humbugs are great, so you still think you can program!" "Hello World"
Stop
Send SigStop_Box "Humbugs, you can program!" "Hello World"

40. Task Dialog Training – Coding
 Compile, run and review
Try adding a lot of text to a message
Try adding a lot of text to one of the boxes

41. Task Dialog Training – Explore
Lets add the Sig demo view
SigCJTaskDialogDemo
 Compile, run and review

42. Task Dialog Training – Explore

43. Task Dialog Training
Questions?

44. Monthly Calendar Training
1. Functionality
2. Sig Class features
3. Create simple dialogs
4. Explore the features!

45. Monthly Calendar Training – Functionality
Xtreme Controls™ 2012 provides Windows GUI software engineers with numerous MFC components that have been thoroughly designed and tested. This comprehensive set of object-oriented components has been designed to handle most any GUI application development requirement.
Month Calendar

46. Monthly Calendar Training – Sig Features
Standard supported options
Show today
Week numbers
Start of the week
Show/Hide buttons
Show/Hide borders
Multi month grid

47. Monthly Calendar Training – How
Make some changes to Order view
Change a date field to popup the calendar
Sub class dbForm

48. Monthly Calendar Training – Coding
Add the following to the Order.vw
Use SigCJMonthCalendar.sl
Find the date field oOrderHea_Order_Date and do the following
Change the class from dbSpinform to dbForm
Add Set Prompt_Button_Mode to PB_PromptOn
Add Set Prompt_Object to oSigCJMonthCalendar_Lookup
 Compile, run and review

49. Monthly Calendar Training – Coding
To improve this we need a sub Class, in the Order view
Remove
Use SigCJMonthCalendar.sl
Add
Use cSigCJdbForm.pkg
Find the date field oOrderHea_Order_Date and do the following
Set Prompt_Button_Mode to PB_PromptOn
Set Prompt_Object to oSigCJMonthCalendar_Lookup
Change the class to cSigCJdbForm
 Compile, run and review

50. Monthly Calendar Training – Explore
Lets add the Sig demo view
SigCJMonthCalendarDemo
 Compile, run and review

51. Monthly Calendar Training – Explore

52. Monthly Calendar Training
Questions?

53. Report Control Training
1. Functionality
2. Sig Class features
3. Create simple data view
4. Explore all the features!

54. Report Control Training – Functionality
Xtreme ReportControl™ 2012 provides Windows developers with a sophisticated styled Report.  Windows developers can easily create group and sort data in a flat or hierarchical format. All colours in the reports can be customized to match any existing application.
General Features
Report Column Features
Report Grid Lines
Report Cell Types and Features
Report Cell Attributes

55. Report Control Training – Sig Features
Database support
Text files
Dataflex
SQL, including options for both Dataflex and MerTech drivers
DDO can automatically create columns
In SQL mode will automatically create SQL scripts
Eval and SQL Case
Build your own SQL scripts
RowId mode
Show recnum
Table index
Active Track
Changing Tables at runtime!
Field Chooser
Save and load layout

56. Report Control Training – Sig Features
Format support
Colour control
Foreground, background
Field types
String, Text,
Integer, Real, Decimal, Currency
Date, Datetime, Datetime(string), Time
Styles
Standard, Checkboxes
Alignment
Automatic including Word Wrap on text fields

57. Report Control Training – Sig Features
Standard supported options
Icons and Images
column, row, item
Show Grouping box (true by default)
Max number rows
Row count
Ascending, Descending
Row colours
Bug tracking help
ptsTimeSpan_Load
ptsTimeSpan_SQL
Double Click
Right Click (Context menu)

58. Report Control Training – Sig Features
Context menu
Rebuild
Refresh
Field Chooser
Default Layout
Select All
Deselect All
Invert Selection
Preview Report
Print Report
Export to CSV
Process selected rows

59. Report Control Training – Sig Features
Developer events hooks
OnSetColumnFormats
OnDefine_Columns
OnCreateColumn Integer iColumn Handle hoCol
OnCreateRowItem Integer iColumn Handle hoItem String sValue
OnBefore_Load_Data
OnAfter_Load_Data
OnBuild_SQL_Statement
OnOpen_DataSource (Text files only)
OnClose_DataSource (Text files only)
OnSetRowColor Integer iColumn String sValue
OnActive_Track String sID
OnProcess_Rows String sID
OnProcess_Rows_RowID RowID Row_ID
OnDouble_Click String sID
OnDouble_Click_RowID RowID Row_ID
Developer events hooks
OnSetColumnFormats fired from Initialise_Column_Formats
OnDefine_Columns fired from DoDefine_Columns
OnCreateColumn Integer iColumn Handle hoCol fired from Create_Columns
OnCreateRowItem Integer iColumn Handle hoItem String sValue
OnBefore_Load_Data
OnAfter_Load_Data fired from DoLoad_Data
OnBuild_SQL_Statement
Get psSQL_Select to sSQL_Select
Get psSQL_From to sSQL_From
Get psSQL_Where to sSQL_Where
Get psSQL_OrderBy to sSQL_OrderBy
Get pbSQL_Case to bCase
OnProcess_Rows String sID
OnProcess_Rows_RowID RowID Row_ID fired from Process_Rows
OnActive_Track String sID
OnDouble_Click String sID
OnDouble_Click_RowID RowID Row_ID

60. Report Control Training – Sig Features
Standard Methods
Reset_Data_Properties
Resync_to_Focus_Row
Find_Row_Tag String sValue

61. Report Control Training – Simple view
Create a view based on the Codejock Report Control View
Add the Order Detail Table to the view and make it the main DDO
Select and Drag the Report Control onto the view
Set pbAuto_Columns to true
 Compile, run review
Setting the pbAuto_Columns to True, allows us to just build the whole table
Review notes
Ok, Now we have created a simple List and been through the basic Functionality, we need to look at what else we can get out of this control

62. Report Control Training – Explore
Controlling the how data is displayed
Lets change a few things
Set pbAuto_Columns to False
Add the following
Procedure OnDefine_Columns
Send Add_Report_Column "Order" eRC_Integer eRC_Standard "OrderDtl.Order_Number"
Send Add_Report_Column "Line" eRC_Integer eRC_Standard "OrderDtl.Detail_Number"
Send Add_Report_Column "Item" eRC_String eRC_Standard "OrderDtl.Item_ID"
Send Add_Report_Column "Qty" eRC_Integer eRC_Standard "OrderDtl.Qty_Ordered"
Send Add_Report_Column "Price" eRC_Currency eRC_Standard "OrderDtl.Price"
Send Add_Report_Column "Line Total" eRC_Currency eRC_Standard "OrderDtl.Extended_Price"
End_Procedure
 Compile, run and review
You can now see how the control has formatted the columns

63. Report Control Training – Explore
Lets add some parent columns
Add the following
Send Add_Report_Column "Sales Person" 100 eRC_String eRC_Standard "SalesP.Name"
Send Add_Report_Column "Customer" eRC_String eRC_Standard "Customer.Name"
Send Add_Report_Column "Dated" eRC_Date eRC_Standard "OrderHea.Order_Date"
Send Add_Report_Column "Order Total" eRC_Currency eRC_Standard "OrderHea.Order_Total"
Send Add_Report_Column "!" eRC_String eRC_Standard "OrderHea.Order_Total” ;
“(If(OrderHea.Order_Total > 10000,'Large Order',''))"
 Compile, run and review

64. Report Control Training – Explore
Time to add some colour
Set pbRow_Colors to True
Add the following code
Procedure OnSetRowColor Integer iColumn String sValue
String sColumn_Name
Get psColumn_Label iColumn to sColumn_Name
If (sColumn_Name = Order Total') Begin
If (Number(sValue) > 5000) Set piRow_ForeColor to clFuchsia
End
End_Procedure
 Compile, run and review

65. Report Control Training – Explore
Time to add some Icons
Set pbRow_Item to True
Add the following code
Procedure OnCreateRowItem Integer iColumn Handle hoItem String sValue
String sColumn_Name
Get psColumn_Label iColumn to sColumn_Name
If (sColumn_Name = “!”') Begin
If (Trim(sValue) > "") Set psImage of hoItem to "FlagUK_16.bmp"
End
End_Procedure
 Compile, run and review

66. Report Control Training – Explore
Field Chooser
Property Exchange
Set psPX_Tag to a unique name eg. The View label
Set pbPX_Save_Layout to True
 Compile, run and review

67. Report Control Training – Explore
Let’s try some of the Options
RowId Option (set pbRowID_Mode to True)
Double Click option
Show Group Box (pbShowGroupBox)
What's next
Things to try!

68. Report Control Training – Explore

69. Report Control Training – Explore

70. Report Control Training
Questions?

71. Other Controls Popup Control Short Cut Bar Task Panel Push Buttons
Tri-State Checkbox
Tree View

72. Other Controls
Questions?

73. Who
Contributors: Martin Pincott, Ian Smith and Peter Bragg (The Three Musketeers!)

74. How and Where http://www.vdfsig.co.uk http://www.codejock.com
Codejock forum
(Give an overview of who is using the classes, where they are and what for)
The class set and sample application are available from the VDF sig web site
You can get the Codejock components from
The cost of the full component suite pro is: -
Developer license from: $529 On Special at $397 With one year subscription from: $699 On Special at $524 Subscription renewal from: $174 On Special at $134
We’ve arranged a 40% discount on Codejock suites and components for conference attendees, details to follow.

75. VDF-SIG Class set
Questions?