# Bitmap types and Alpha and locations
# =='''Introduction<span style="text-decoration: underline;"><br /> <br /span>''''''<span style="text-decoration: underline;">1. Introduction</span> '''==
Video: [https://www.youtube.com/watch?v=l6d_AYTptVQ https://www.youtube.com/watch?v=l6d_AYTptVQ]
# ==<span style="text-decoration: underline;">''' 2. Control styles'''</span>==
'''<br /> '''Available style options:<br /> [[File:Style-options.png|none|link=]]
* '''Label''' <br /> Can be text or bitmap. The background is determined by the main dialog background.
* '''Button''' <br /> Buttons can have all 4 options (foreground and background colors in on- and off-state) or they can also be bitmaps. Labels can load actions/scripts when the main screen is loaded.
* '''MotionButton''' <br /> Motion buttons are strictly for jog button use only.
* '''ToggleButton''' <br /> See description above and [https://www.youtube.com/watch?v=eE2mSUXxN2M video].
* '''DROLabel <br /> '''('''D'''igital '''R'''ead '''O'''ut) runs a program in KFLOP, e.g. reads two edit cells in the “Add” example and passes back the result. X, Y, and Z are other examples of DRO labels.
* '''VertBar''' <br /> Plots a vertical graph from 0 to 100% and is read by KFLOP like DRO labels. See also the [https://youtu.be/w-bKvqXCd0Q Instant Feed Rate Display video].
* '''Radio''' button
* '''Momentary''' '''button''' <br /> See description above and video:<br /> [https://www.youtube.com/watch?v=eE2mSUXxN2M https://www.youtube.com/watch?v=eE2mSUXxN2M]
* '''DualButton''' <br /> See description above and video:<br /> [https://www.youtube.com/watch?v=8dAEeGnLaRg https://www.youtube.com/watch?v=8dAEeGnLaRg]
* '''Checkbox<br /> '''
* '''DualLabel<br /> '''F for feed rate and S for spindle are example of dual labels. They display the state (one or another). They are fixed and cannot be edited.
==<span style="text-decoration: underline;">'''3. Control ''''''attributes'''</span>==
'''[[File:Control-attributes.png|none|link=]]'''
* '''Select ID'''<br /> Defines the name of the control on the screen.
* '''Type'''<br /> Defines the type of control, e.g.: CONTROL, PUSHBUTTON, COMBOBOX.
* '''Font'''<br /> Set the font type, size and normal, bold, or italic.
* '''BitmapFile1, BitMapFile2<br /> '''Select a bitmap image (.bmp, .gif or .png) for your buttons. BitMapFile1 will show the selected file when the button is in normal state, BitMapFile2 when the button pressed.
* '''Colors''' <br /> Select two colors for on- and off-state (text).
* '''Highlight''' <br /> Select two colors for on- and off-state (background).
* '''Tool Tip''' <br /> Compose text to describe the button action. This text will be visible when the user hovers over the button.
* '''HotKey''' <br /> Assigns a keyboard key to perform an action. This field is by default set to “-1”. For example, select a control like “mm” and type “CTRL M” or select “in” and type “CTRL I” and click “Set”. The “x” button next to the field will restore the value back to “-1”.
* '''Var<br /> '''Numeric variable attribute. Assigning a number toggles the corresponding bit in KFLOP (from 0 to 2047).
* '''X, Y<br /> '''Changes the horizontal and vertical position of the control.
* '''Width, Height'''<br /> Changes the size of the control.
* '''Script'''<br /> Using this field, the user has three options:<br /><br />
a) Selecting a screen script file from the library:
[[File:Script-Option-1.png|none|link=]]
b) Selecting an Action:<br />[[File:Script-Option-2.png|link=|none]]
c) Selecting a Windows Message:<br /> [[File:Script-Option-3.png|none|link=]]
* '''Show/Hide'''<br /> Select a control and immediately show or hide it.
* '''Move/Resize'''<br /> Move the position of the control or change its size.
* '''Undo/Redo <br /> '''An unlimited number of undoes and redoes is available.
* '''Copy/Paste <br /> '''The user can edit all three screens (Split, View, and Code) by clicking “Copy” after making an edit such as moving a button, then loading the next screen, clicking outside the editable area and selecting “Paste”.
* '''General <br /> '''When selecting multiple controls, white fields are shown when all settings are the same, and grey fields when the values are different. In the example below note that we have selected the radio buttons labeled 1 through 7. While they all share the same font type, size, width and horizontal (x) position etc., “text” and “y-position” are grayed-out, since the radio buttons’ text labels and their vertical position are unique to each field. To override this, just click into the grayed-out field(s) and start editing.<br />[[File:General.png|none|link=]]
==<span style="text-decoration: underline;">'''<br />4. Main Window attributes'''</span>==
* '''Main Dialog Screen<br /> '''Defines the look and feel as well as the size of your KMotionCNC screen. You can choose a background color, or select a bitmap file as your background. Choose the size of the window, or whether the window should be resizable or fixed and so on. <br /><br />
* '''Script File'''<br />Select a screen script file from the library or set an action. A screen script file defines the look of a page. You can assign an action to a button to load a screen script file.<br />[[File:Style-file.png|none|link=]]
==<span style="text-decoration: underline;">'''5. Bitmap types, Alpha, and locations'''</span>==
<br />The following bitmap types are supported: .bmp, .gif, and.png. Out of these, only the png file type supports alpha channels, i.e. background transparency.
Images are stored in the following “Resources” location:
\KMotion434i\PC VC Examples\KMotionCNC\res
===PC Example Applications===