Introduction

When manual coding, you might find it convenient to simply drag an item from the Codeframe panel and drop it onto a Verbatim to apply it.  For example, if the item is close at hand you may find it easier to simply grab it and drag it to where you want to apply it rather than searching within the codes textbox.


This page explains the actions required to do this.


Enabling Drag & Drop

Note that the the drag and drop functionality is not enabled by default. In order to enable this functionality for your account, or sub company, you need to enable the "Enable Drag and Drop Between Codeframe and Verbatims" setting within the Company Settings page within the Admin section of codeit.


Actions Required

  1. Locate the item with the Codeframe panel that you want to apply. Click the item, hold down the left mouse key and begin to drag the item away from the Codeframe towards the target Verbatim:


  2. Drag the item onto the target Verbatim. The target Verbatim will be highlighted indicating the drop area:


  3. Release the left-mouse button to drop the code and apply it to the target Verbatim:


  4. Note that if no Verbatims are selected, then the code will be applied to the target Verbatim only.

    If any Verbatims are selected, however, the code will be applied to all selected Verbatims, regardless of where the code is dropped:


  5. The item applied will also show a green tick in the Codeframe Panel to show that it is applied to the selected Verbatims:


Drag to remove

You can also drag a code away from a Verbatim, or selected Verbatims, and drop it back onto the Codeframe panel to remove it from a Verbatim, or selected Verbatims.