Appendix

Project Explorer Icon

The meanings of icons displayed in Project Explorer are as below.


Menu

Function

1

Project

Project

2

TypeDefinition

Configuration information needed to run Form

3

Updates

Update Group

4

Update

Update

5

Components

Component Group

6

Component

Components defined in Type Definition

7

User Component

Components that user created by inheriting existing components

8

Composite

Component

Components that user created by grouping many components

9

GlobalVariables

Global variables

10

Objects

Object Group

11

Object

Object

12

Variables

Variable Group

13

Variable

Variable

14

Datasets

Dataset Group

15

Dataset

Dataset

16

Column

Column information used in Dataset

17

Images

Image Group

18

Image

Image used in project

19

ADL

ADL

20

MainFrame

MainFrame of project

21

ChildFrame

Frame construction information of MainFrame

22

ApplicationMenu

Application Menu information

23

Widgets

Widget group

24

Widget

Widget information

25

Trays

Tray group

26

Tray

Tray information

27

Styles

Style group

28

Style

Style information

29

Themes

Theme group

30

Theme

Theme information

31

ScreenInfo

Screen group

32

Screen

Screen information

33

Forms(FDLs)

Service group

34

Form(FDL)

Form information

35

Layout

Component group that is displayed in Form Design

36

Script

Function group that is declared in script of Form

37

Func

Function Item declared in script

38

Bind

BindItem group

39

BindItem

Information of each bind item

Toolbar Functions

UX-Studio is providing various functions in a toolbar form.

Standard (V9.2 changed)

Standard Bar is a collection of main functions that UX-Studio provides.

By combining related functions, ADL/Theme Tool bar that was provided previously is removed, and combo controls that can select ADL, Theme, and Screen information are added.


Menu

Function

1

Open Project

Open Project

2

Open

Open files that can be edited in UX-Studio

3

New

Create new project or Form, User Component, CSS, XML, XJS, etc.

4

Save

Save form documents that are currently opened

5

Save All

Save all opened form documents

6

Cut

Cut selected area and save to clipboard

7

Copy

Copy selected area and save to clipboard

8

Paste

Paste what is saved in clipboard

9

Print

Print current document

10


ADL

ADL currently activated

11


Theme

Theme Theme that is being used in the currently activated ADL

12


Screen

Screen information that will be used during launch

Used when using Launch Project function)

13

Launch Project

Run Project

14

Quick View

Run Form that with XPLATFORM

15

Options

Display Options Window of UX-Studio

Align

Align Bar is a collection of component ranging functions used when developing Form screen.


Menu

Function

1

Align Lefts

Align to the left value of component that was selected last

2

Align Centers

Align to the horizontal center value of component that was selected last

3

Align Rights

Align to the right value of component that was selected last

4

Align Tops

Align to the top value of component that was selected last

5

Align Middles

Align to the vertical center value of component that was selected last

6

Align Bottoms

Align to the bottom value of component that was selected last

7

Same Width

Align to the width value of component that was selected last

8

Same Height

Align to the height value of component that was selected last

9

Same Size

Align to size of component that was selected last

10

Space distribute Horizontally

Distribute components with same horizontal spaces in between (V9.2 changed). Rearrange components with equal spaces.

11

Space distribute Vertically

Distribute components with same vertical spaces in between (V9.2 changed). Rearrange components with equal spaces.

12

Same space Horizontally

Distribute components with same horizontal spaces in between (V9.2 added). User can control the space of component through dialog



13

Same space Vertically

Distribute components with same vertical spaces in between (V9.2). User can control spaces through dialog.


14

Posit Center

Move selected components to horizontal center of Form Canvas

15

Posit Middle

Move selected components to vertical center of Form Canvas

16

Posit Left

Move selected components to the left side of Form Canvas

17

Posit Right

Move selected components to the right side of Form Canvas

18

Posit Top

Move selected components to the top of Form Canvas

19

Posit Bottom

Move selected components to the bottom of Form Canvas

20

Bring to Front

Bring selected component to the front

21

Send to Back

Send selected component to the back

22

Bring Forward

Bring selected component forward

23

Send Backward

Send selected component behind

24

Lock Control

Fix components position so that it cannot be moved with a mouse or release it.

TextStyle

TextStyle Bar is a collection of TextStyle setting functions of selected component used when developing Form screen.


Menu

Function

1

Font Name

Change font name

2

Font Size

Change font size

3

Bold

Display text in bold

4

Italic

Display text in Italic

5

Strikeout

Display strikeout lines

6

UnderLine

Display underlines

7

Anti-Alias

Display text smoothly

8

Front Size Up

Increase font size

9

Front Size Down

Decrease font size

10

Text Align Left

Align text to left

11

Text Align Center

Align text to the center

12

Text Align Right

Align text to right

13

Text Align Top

Align text to the top

14

Text Align Middle

Align text to the middle

15

Text Align Bottom

Align text to the bottom

Objects

Objects Bar is a collection of components registered in TypeDefinition. You can construct screen by dragging relevant components when editing screen.


Menu

Function

1

Select

Component select icon

2

Div

Summon another form in a form and use it as one, Bind related components into one

3

Button

Component used for mouse input

4

PopupDiv

Construct several segmented screen one screen

5

Combo

Combination of Edit and Drop down List

6

CheckBox

Component that has TRUE/FALSE value toward checkmark

7

ListBox

Component used when selecting item after arranging items into a list

8

Edit

Component with input-output control of character string

9

MaskEdit

Component with input-output control of character strings with regulated forms like date and commas in numbers (yyyy/mm/dd hh:mi:ss)

10

TextArea

Component with input-output control of character strings with several lines

11

Menu

Component used when constructing Menu Item

12

Tab

Component used when dividing one page into several tab pages

13

ImageViewer

Component used when displaying images on screen

14

Radio

Component used when selecting one item among provided list of selection

15

Shape

Component used to draw shapes like lines, triangles, squares, circles, and rounded squares

16

Calendar

Component used to input date

17

Static

Component used when depicting names of other presentation components

18

Grid

Component which handles the contents of Dataset in a chart form similar to spread sheet

19

Spin

Component used when inputting numbers according to a set rule

20

PopupMenu

Component used when constructing Popup Menu

21

Splitter

Component to divide screen

22

GroupBox

Component which groups related components when constructing screen

23

ProgressBar

Component which shows the status of project progress using graphic

24

ActiveX

Component used when using ActiveX

25

PropertiesAnimation

PropertiesAnimaiton Component

26

TransitionAnimation

TransitionAnimation Component

27

MoveAnimation

MoveAnimation Component

28

CompositeAnimation

CompositeAnimation Component

29

Dataset

Component which saves data in a table form

30

FilteredDataset

Component which saves data in a table form

31

FileDialog

Dialog component which can select file

32

GraphicPath

Component that can output shapes using lines and curves with PathData information on Form

33

VirtualFile

Component used when using file

Debug

Debug Bar is a collection of functions needed when debugging


Menu

Function

1

Debug Project

Start project debugging mode

2

Debug Form

Start debugging mode for currently selected form

3

Restart Debugging

Restart debugging mode

4

Stop Debugging

End debugging mode

5

Step Into

Debug one step at a time, When summoning other functions in step, move to relevant function <F11>

6

Step Over

Debug one step at a time, When summoning other functions in step, move to relevant function <F11>

7

Step Out

Debug one step at a time, After running one step, move to the next step<F10>

8

Run to Cursor

Stop after progressing to the line where cursor is currently at

9

Toggle Breakpoint

Set/Clear Breakpoint <F9>

10

Delete Selected

Breakpoint

Clear selected Breakpoint from the Breakpoints Window

11

Delete All

Breakpoints

Clear all breakpoints

12

Go To Source

Move to Source Code location of selected Breakpoint

13

Enable/Disable All Breakpoints

A function which activate/deactivate all set Breakpoints

HTML5

HTML5 toolbar is a collection of HTML5 compiles related functions. It is interlocked with XHTML5Compiler.exe. (From February 2012 patch).


Menu

Function

1

Application Compile

Compiles the whole project. The compiled results will be saved in the output path designated in the option, If the output path is not designated in options, you can save by designating the path in the popup window.

2

Service Compile

Compile service selected in Project Explorer

4

File Compile

Compile only the form design file being edited currently

4

Stop Compile

Stop compiling

5

Web Browser

Select Web Brower used during Launch and Quick View

6

Launch Project(HTML5)

Run project with selected Web Browser. You can enter ‘LAunchProject.jsp’ URL of compiled project in the popup window as shown below

7

QuickView(HTML5)

Run form currently being edited with Web Brower

You can run form by entering ‘Quickview.jsp’ URL of compiled project in the popup window as shown below

8

QuickView Debug(HTML5)

Run form being edited in Debugging mode with selected web browser

Bookmark

Bookmark Bar is a collection of Bookmark functions that can move to specific lines during source editing


Menu

Functions

1

Toggle Bookmark

Set or clear bookmark at the location where cursor is currently at

2

Previous Bookmark

Find previous bookmark and locate cursor

3

Next Bookmark

Find next bookmark and locate cursor

4

Previous Bookmark

in Document

Find previous bookmark from current editing window and locate cursor

5

Next Bookmark

in Document

Find next bookmark from current editing window and locate cursor

6

Clear Bookmarks

Clear all bookmarks

7

Clear Bookmarks

in Document

Clear all bookmarks in currently editing window

CSS Selector

It is a collection of functions that adds or deletes each selector


메뉴

기능

1

Go to Source

Move to the source code location of selected Selector. You can do the same by double clicking selector.

2

New Selector

Input new selector

3

Add Descendant Selector

Add descendant selector to selected selector

4

Add Child Selector

Add child selector to selected selector

5

Delete

Delete selected selector

6

Rename

\ Change name of selected selector

7

Compress All

\ Delete al properties that are not being used

8

Uncompress

Display all properties of selected selector

Menu Bar

Menu Bar is a collection of functions provided by UX-Studio

File


Menu

Icon

Function

1

New


Project: Create new project

Item: Create new item

File: Create new file

Form: Create new form

User Object: Create new user object

Style Sheet(.css): Create new Style Sheet file in current project

XML(.xml): Create new XML file in current project

Script (.xjs): Create new XJS file in current project

XTheme(.xtheme): Create new theme file in current project

2

Open


Project: Open new project

File: Open files that can be edited in UX-Studio

(js,css,xds,xtheme,etc.)

3

Close


Close form that is open

4

Close Project


Close project that is open

5

Save

Save currently activated edit screen

6

Save As…


Save currently activated edit screen as another name

7

Save All

Save all edit screen that is open and all the changed contents from Project Explorer

8

Recent Files


Display recent files opened

9

Recent Projects


Display recent projects opened

10

Launch Project

Run Project

11

Import…


A function which imports xfdl being used in another project to current project or creating new project by importing export project files with [Export Project] function

12

Export Project


Export currently opened project to file

13

Project Template


Register current project to project template, Can be reused when creating new project

14

Layout Template


Register layout template, Registered template can be applied when creating new form

15

Print

Print text of source or script

16

Print Setup


Set up print page

17

Save the

Project as

Compiled

XML


Save project as compiled XML file

18

Exit


End UX-Studio

Edit


Menu

Icon

Function

1

Undo


Return to the previous step

2

Redo


Return to previous step of Undo

3

Cut

Cut selected area and insert to clipboard

4

Copy

Insert selected area to clipboard

5

Paste

Paste contents in clipboard

6

Paste Special


Select properties and bind information of component in clipboard and paste

7

Delete


Delete selected components or text of selected area

8

Select All


Select all text from source or script window

9

Find…



Find character string from source or script window

10

Find in File…


Find files that include designated word among files in designated path

11

Replace


Replace specific character strings to another in source of script window

12

Goto Line…


Move cursor to specific line in source or script window

13

Bookmark


Same as toolbar[Bookmark]

14

Comment

Selection


Put comment on selected area in source or script window

15

UnComment

Selection


Clear the comment from selected area in source or script window

16

Refresh File

Status


Reload file

View


Menu

Icon

Function

1

Toolbars


Standard: Display/Hide Standard Bar

Align: Display/Hide Align Bar

TextStyle: Display/Hide TextStyle Bar

Objects: Display/Hide Objects Bar

Debug: Display/Hide Debug Bar

HTML5: Display/Hide HTML5 Bar

Bookmark: Display/Hide Bookmark Bar

CSS Selector: Display/Hide CSS Selector Bar

2

Toolbox


Display/Hide Component Toolbox

3

Statusbar


Display/Hide Statusbar

4

Project

Explorer


Display Project Explorer window. When it is open, move focus

5

Properties


Display Properties window. When it is open, move focus

6

Style Properties

Editor


Display Style Properties window. When it is open, move focus

7

Output


Message: Display Output

Debug: Display Debug

Find Result1: Display Find Result1

Find Result2: Display Find Result2

Global Bookmark: Display Global Bookmark

8

Debug


Breakpoints: Display Breakpoints Window

Call Stack: Display Call Stack Window

Variables: Display Variables Window

Watch: Display Watch Window

Design


Menu

Icon

Function

1

Align


Same as Toolbar[Align Bar]

2

Space


Same as Toolbar[Align Bar]

3

Size


Same as Toolbar[Align Bar]

4

Position


Same asToolbar[Align Bar]

5

Arrange


Same as Toolbar[Align Bar]

6

Zoom


Set expansion/reduction percentage of open screen

7

Layout Resize


Resize component size automatically or by input value following default layout

8

Tab Order

Editor


Summon Tab Order Editor

9

Tab Order View


Display Tab order of component continuously on Form Design screen

10

Show Bind

State


Display bind status of component

11

Quick View

Run form with XPLATFORM

12

Quick View

(Variable)


Run form with XPLATFORM after inputting variables

Tools


Menu

Icon

Function

1

Options…

Open Options Setup Window of UX-Studio

2

Customize...


Open Customize Window of UX-Studio that sets up menu and toolbar

HTML5

HTML5 toolbar is a collection of HTML5 compiles related functions. It is interlocked with XHTML5Compiler.exe. (From February 2012 Patch).


Menu

Function

1

Application Compile

Compiles the whole project. The compiled results will be saved in the output path designated in the option, If the output path is not designated in options, you can save by designating the path in the popup window.

2

Service Compile

Compile service selected in Project Explorer

4

File Compile

Compile only the form design file being edited currently

4

Stop Compile

Stop compiling

5

Web Browser

Select Web Brower used during Launch and Quick View

6

Launch Project(HTML5)

Run project with selected Web Browser. You can enter ‘LAunchProject.jsp’ URL of compiled project in the popup window as shown below

7

QuickView(HTML5)

Run form currently being edited with Web Brower

You can run form by entering ‘Quickview.jsp’ URL of compiled project in the popup window as shown below


8

QuickView Debug(HTML5)

Run form being edited in Debugging mode with selected web browser

Hybrid


Menu

Icon

Function

1

Make Project Archive


Create project files into xzip file and register to Type Definition

2

Make Theme Archive


Create Theme files into xzip file.

3

Make Run Template


Create Run.xzip and hybrid_typedef.xml file that includes Run.html that runs Hybrid App.

Window


Menu

Icon

Function

1

Cascade


Arrange editing windows in a terraced form

2

Tile


Arrange editing windows in a tile form

3

Arrange Icons


Minimized icon arrangement

4

Close


Close selected edit window

5

Close All But This


Close all screens except the currently opened window

6

Close All


Close all edit windows

7

Next


Move to next edit window

8

Previous


Move to previous edit window

9

Maximize Active Window


Function not actualized

Help


Menu

Icon

Function

1

Help


Display Help Window

2

About UX-Studio…

Display UX-Studio information window

3

What’s New?


Display information added/changed in XP 9.2

Grid Contents Editor

Grid Contents Editor is an editor that can edit Grid’s Contents Properties. Grid Component has many properties by each cell unit that composes grid besides properties that can be seen in the Properties window.

You can summon Grid Contents Editor by double clicking Grid Component from Design Window.

Grid Contents Editor is composed of main edit window and properties window and design source. In the main edit window, you can add or delete cell by using popup menu and shortcut keys or edit properties. On the top of the main edit window, column index will be displayed, and the lower part will be separated into head, body, and summary. In the properties window, Cell division, properties list of target cell, and each cell value will be displayed.

Column or Row can be added from the Popup Menu of main edit window.


Menu

Icon

Function

1

Add Column


Add Column

2

Add Head Row


Add Head Row

3

Add Body Row


Add Body Row

4

Add Summ Row


Add Summ Row

When cell is selected, Popup Menu will appear.


Menu

Icon

Function

1

Cut


Cut Column or Row

2

Copy


Cut and copy Column or Row

3

Paste


Paste copied contents to clipboard

Append

paste to last

Insert

Paste by inserting

4

Add


Add Column or Row

5

Insert


Insert Column or Row

6

Delete


Delete Column or Row

7

Merge Cells


Merge selected cells

8

Split Cell


Split merged cells

9

Same Width


When all area is selected, change all width value of columns to the width value of first column

10

Undo


Undo function

11

Redo


Redo function

In Design Source, you can display Grid Contents in a XML form and you can edit directly from there.