Panel Editor

The Panel Editor is an example for a SED plugin. It's source code is available in the SED SDK, and you're free to modify it or use it as a template for your own SED plugins. Although it's experimental and not an 'official' feature of SED, we'll go through the Panel Editor dialog here. Its purpose is to let the user edit/create a panel without any programming.

Plugins->Panel Editor

This is the Panel Editor, it is located at the Plugins->PanelEdit menu. To the bottom we see the code that the Panel Editor generates. To load an existing panel, the cursor must be placed inside the panel you wish to load before the Panel Editor is started. Panel Background Bitmap - choose the background bitmap of the panel Alpha - Set alpha on the panel Color - Set color on the panel Flags - Set flags on the panel, visible/overlay/transparent Position - See position on the panel Move - Click on the button and then move the cursor over to the engine window to move the panel, when you're done, press the left mouse button again to use this position. Notice that the position is always pointing at the upper left edge for the panel and it's elements. Update - Will update the engine with the code provided in the code window OK - Closes the panel editor and updates the code if a panel was loaded or adds the panel Read below for the rest of the tabs.

Buttons

The top list tells you which buttons that are added to the panel you're editing.
Add - Add a button to the panel, default bitmaps will be used
Delete - Deletes the selected button in the list from the panel

For buttons you can choose bitmaps for the following functions
Bitmap when not pressed and not touched
Bitmap when touched
Bitmap when pressed

The position tells you where the selected button in the list is located.
Move - Click on the button and then move the cursor over to the engine window to move the button.

Sliders

The top list tells you which sliders that are added to the panel you're editing.
Add - Add a slider to the panel, default bitmaps will be used
Delete - Deletes the selected slider in the list from the panel

Bitmap for slider - choose bitmap for the slider
Horisontal - Make the slider horisontal if checked
Length - Width of the slider
Min - Values at the left end
Max - Values at the right end

The position tells you where the selected slider in the list is located.
Move - Click on the button and then move the cursor over to the engine window to move the slider.

Digits

The top list tells you which digits that are added to the panel you're editing.
Add - Add a digit to the panel, default bitmaps will be used
Delete - Deletes the selected digit in the list from the panel

Font - choose font for the digit
Font width - choose width of the font
Font height - choose height of the font
Length - amount of the digits, fractional part gives the number of decimals
Factor - the variable value is first multiplied by the factor

The position tells you where the selected digit in the list is located.
Move - Click on the button and then move the cursor over to the engine window to move the digit.

Windows

The top list tells you which windows that are added to the panel you're editing.
Add - Add a window to the panel, default bitmaps will be used
Delete - Deletes the selected window in the list from the panel

Bitmap - choose bitmap for the window
Cut x - horizontal position of the cutout window on the bitmap in pixels
Cut y - vertical position of the cutout window on the bitmap in pixels
Width - choose width of the window
Height - choose height of the window

The position tells you where the selected digit in the list is located.
Move - Click on the button and then move the cursor over to the engine window to move the window

Configuration

Gridsize X/Y - Set the size of the grid, used when moving a panel or a button etc.