Using the Code Blocks view

Edit online

Learn how to use the Code Blocks view to organize and identify code blocks.

The Code Blocks view provides a list of sliced code blocks when the service editor is the active editor.

Code Blocks view

Organizing code blocks

You can use the Code Blocks view to arrange the order of the code blocks within a service file.

To rearrange the blocks within a service file, complete the following steps:
  1. Select a code block in the Code Blocks view.
  2. Drag the selected code block to the required location within the list of available code blocks. The selected block is moved within the service file.

Identifying code blocks within the Code Blocks view

You can use tooltips to help identify code blocks within the Code Blocks view. When you mouse hovers over a listed code block, you can see a tooltip that contains a source code snippet and any tags that are associated with the code block.

Code Blocks view

Tagging code blocks

You can use tags to help you identify code blocks. To add tags to a code block, complete the following steps:
  1. Click the Action Menu icon to the right of a code block within the Code Blocks view.
  2. Select Add tags from the context menu.
  3. In the “Add tags” dialog, enter a comma or space delimited set of tags and press Enter. The tags are added to the code block. 
    Note: If the list of tags does not fit within the view’s width, a +n tag is displayed. Hover your mouse over the tag to display the full list of tags.

Removing tags

You can remove the tags if you no longer need them. To remove code block tags, complete the following steps:
  1. Click the Action Menu icon to the right of a code block within the Code Blocks view.
  2. Select Remove tags from the context menu.
  3. In the “Select tags to delete” dialog, select the tags to be deleted and click OK. The tags are removed from the code block.

Deleting code blocks

You can delete code blocks from the Code Blocks view. To delete a code block, complete the following steps:
  1. Click the Action Menu icon to the right of a code block within the Code Blocks view.
  2. Select Delete from the context menu.
  3. When prompted, verify the required code blocks to be deleted.