Component Properties(Attrributes)
Component is the basic unit that composes and operates a screen. To configure a component's functionality, select a component, then right-click to access the menu. Choose View Attribute to display the attribute settings screen(refer to the image below). You can configure data processing methods, page, size and other settings based on the component type.
| No | Name | Description |
|---|---|---|
| 1 | Component Display | There are two methods for the Component name exposed to users: through Symbolic Strings and directly set by the user. |
| 2 | ReadOnly Flag | Configure whether the component is editable or not. This setting can overlap with the properties of the control but if there is an overlap, the settings of the component take precedence. |
| 3 | Search Spec | Set the search criteria for the Business Object mapped to the component, so that only some suitable data matching the search criteria is bound to the component. |
| 4 | Sort Spec | Set the sorting criteria for the component's data. |
| 5 | Toolbar Position | Set the position of the toolbar button. If no value is provided or Default is chosen, the button's position is at the top. If Bottom is specified, the button will be displayed at the bottom of the component. |
| 6 | Tab Pane Id | Tab Component의 Tab Control ID와 Mapping되어야 하여, Tab Click 시, 설정된 Id에 따른 Component를 표출하는 용도로 사용된다. Component가 여러 Screen에서 사용될 때는 Screen 화면의 Related Component List에서 설정하여야 한다. |
| 7 | Use CheckBox | Set whether to add a checkbox at the left end of each row in the row. It allows multiple rows to be selected. |
| 8 | Single Check | Change the setting from using checkboxes to using radio button for single selection by selecting Yes in the Use Checkbox option. By default, it is set to No, and changing it to Yes will add a column with radio button at the beginning of each row in the list. |
| 9 | Reverse Check | By default, the checkboxes in the list with the Use Checkbox setting are initially displayed as selected. Changing it to Yes will display the checkboxes in the list as selected by default. |
| 10 | Use Summary | Set whether to use the Summary Row. After enabling this option, additional configuration is required for the Control displaying the Summary Information. |
| 11 | Use Striped Table | Select whether to use the Striped Style (alternating row coloring) for the List. The default value is |
| 12 | Search Type | This attribute sets the search type for a List. The default is to click button in the TableColumn header, enter the search term, and directly perform the search. It can be changed to static, where you can place controls for search within the Toolbar area at the top of the List. With Static, you can input or select search criteria and then perform data retrieval. |
| 13 | Collapse Disabled | This attribute determines the collapsing behavior of the Component. The default value is No, meaning that the collapse functionality in the Content area is enabled. Setting it to Yes disables the collapse functionality, keeping the Content area expanded at all times. |
| 14 | Default Collapse State | This attribute, applicable when Collapse Disabled is set to No, sets the initial state of collapsing upon entering the screen. The default value is N/A, indicating that the collapse feature is enabled. Changing it to "Close" means that the screen will initially load with the collapse closed. |
| 15 | Inline Edit | To enable the ability to add, edit, and delete data within the List, set the Editor Mode. For saving or deleting data inputted through Inline Edit, register and use the row-inline-save and row-inline-delete services. Additionally, additional configuration is required in the TableColumn Control for the Inline Edit functionality |
| 16 | Control Spacing | Control Spacing is a setting to establish or modify the default spacing between controls within a component. The default value for Col Spacing is 15, and Row Spacing is 20. |
| 17 | Label - Display | This setting determines the display of labels for controls within the component. The default value is show. |
| 18 | Label - Position | This setting configures the position of the display name(label) for controls within the component. You can choose between TOP and LEFT |
| 19 | Use Drag and Copy | Add drag-and-copy functionality to the List. |
| 20 | Use Page Total | This setting is for displaying the total number of retrieved data entries. When set to Yes, a […] button is added to the left end of the toolbar area. Clicking it allows users to view the total number of data entries |
| 21 | Mobile Display Type | This is a mobile-specific property that allows you to configure the list format for mobile devices. |
| 22 | Page Navigation | Set the paginnation when searching list data. There are methods such as |
| 23 | Page Size | Set the number of rows of data to retrieve at once during a single load. The default value is 20. |
| 24 | Personalization | For lists, personalization settings are available (such as Setting the option to |
| 25 | Display number | The data in the list is sequentially assigned an order based on the display order. It is assigned according to the order in which it is displayed based on the retrieved results. |
| 26 | Display Full Size Fixed | This setting adjusts the component size (height) to expand to fit the screen. |
| 27 | Key Column | Set a unique key value for loading large amounts of data. |
| 28 | URL | This is a property of the WebComponent Type used to set the URL path for the Extension View. |
| 29 | JsonData | This is a property of the WebComponent type used to set the style of the screen. |
| 30 | Object Prop | This is a property for dedicated data retrieval for the Tree Component. |
| 31 | Default Expand All | Set whether the Tree Component is expanded. The default value is Yes, displaying the tree in an expanded state |
| 32 | Header Field | Set the Header for the Kanban Component. |
| 33 | Header Reference Code | This is the Group Code used in the Header of the Kanban Component. |
| 34 | Src | Set the web source for the Iframe Component. |
| 35 | Current View | Set the unit of active dates on the calendar. By default, it's set to |
| 36 | Views | Set the date type displayed on the calendar. |
| 37 | Display Data Format | Set the calendar format. The default format is yyyy-MM-dd, displaying in the format 1970-09-30 |
| 38 | Draggable | Set whether dragging of calendar data is allowed. The default value is No, and when set to Yes, data can be dragged. |
| 39 | Resizable | Set whether to resize the calendar data The default value is |
| 40 | Category | Set the color according to the data in the calendar. |
| 41 | Icon Position | Set the position of the icon. The default position is Right. |
| 42 | Suffix | Set the character to be added after the data in the box. |
| 43 | Style - Size | Set the size of the Component, specifying it in pixels or percentage units. |
| 44 | Style - Text Color | Set the control's text font color. |
| 45 | Style - Background Color | Set the background color for the Component. |
| 46 | Style - Flat Appearance | Configures the size and color of the border. |
| 47 | Style - Outline | Set the type of the component outline. When set to Folder, the outline of the list changes to a folder icon. |