Output Section

1. The Output section provides details about the message's output. 
2. The section header displays the section name and an icon to toggle between code view and tree view. To display the inbound message, the section provides the following view modes:
   
1. Tree View
   
2. Code View
   
3. By default, inbound data is displayed in tree view mode. 
   

Toolbar

The following action icons must be provided in the toolbar:

1. Save: TBD 
2. Find: This option lets you locate any parameter in the outbound message.
3. Adjust Font Size: You can set the message font for clearer viewing. The available font size range is from 8 to 72. Select the desired value from the drop-down.

Switch Between Code and Tree View

1. By default, the message will be displayed in Tree View.
   
2. The tree view provides the following icons in the toolbar:
   
1. Find: This option lets you locate any parameter in the outbound message.
   
2. Font: You can set the message font for clearer viewing. The available font size range is from 8 to 72. Select the desired value from the drop-down.

1. Click on the Switch to Code View icon.

1. The message gets switched to code view.
   
2. Click the icon again to switch back to tree view mode.

Toolbar

1. If you have switched to code view mode, the output data will be shown in code.
   
2. The code view provides the following icons in the toolbar:
   
1. Cut: 
   
1. Function: Removes the selected text or object from its current location and places it on the clipboard.
2. Use Case: Moving content from one place to another.
2. Copy:
   
1. Function: Copies the selected text or object to the clipboard without removing it from its original location.
2. Use Case: Duplicating content.
3. Paste:
   
1. Function: Inserts the clipboard content into the current location.
2. Use Case: Adding previously cut or copied content.
4. Find:
   
1. Function: Searches for specific text or patterns within the document or code.
2. Use Case: Quickly locating words, phrases, or code snippets.
5. Replace:
   
1. Function: Finds specific text and replaces it with new text.
2. Use Case: Updating repeated terms or correcting errors throughout a document.
6. Beautify:
   
1. Function: Formats code or text to make it more readable and properly indented.
2. Use Case: Cleaning up messy code for better readability.
7. Word Wrap:
   
1. Function: Ensures that long lines of text automatically wrap to fit within the visible window without horizontal scrolling.
2. Use Case: Easier reading and editing of long lines.
8. Maximize: 
   
1. Function: Expands the editor or window to full screen for better focus and visibility.
2. Use Case: Working without distractions or seeing more content at once.