# Settings
## Edit in Modal
Allows you to open a detachable code window permitting you to detach your code window from the Block Inspector and move it around the page as you wish.
{% hint style="info" %}
This does not affect the other code windows.
{% endhint %}
## Open
* Select a code block.
* Navigate to the Primary tab of the Block Inspector.
* Find code window to detach (PHP, CSS and JS).
* Click "Edit in Modal" icon to open mobile window.
* Drag Modal to desired position.
## Close
* Find Edit in Modal window you want to close.
* Click "**X"** to close.
## Word Wrap
The word-wrap property allows long words to be broken and wrap onto the next line.
* Select a code block.
* Navigate to the Primary tab of the Block Inspector.
* Find input code to Word Wrap (PHP, CSS and JS).
* Click Word Wrap icon to word wrap the code.
## Beautify
The beautify property helps you to format and indent your language source code to make it look more attractive and easier to read.
* Select a code block.
* Navigate to the Primary tab of the Block Inspector.
* Find input code to beatify (PHP, CSS and JS).
* Click Beautify icon to beautify code.
## Re-render
The re-render property allows you to refresh your code.
{% hint style="info" %}
This is only required for PHP.
{% endhint %}
* Select a code block.
* Navigate to the Primary tab of the Block Inspector.
* Find PHP input code to re-render.
* Click Re-render icon to refresh the code.
## Show on Editor
Allows you to show on the Editor exactly what you are coding. It can be toggled on or off.
* Select a code block.
* Navigate to the Primary tab of the Block Inspector.
* Find the Show on Editor property.
* Toggle as required.
## Prevent Clicks
Allows you to prevent the code from being altered.
* Select a code block.
* Navigate to the Primary tab of the Block Inspector.
* Find the Prevent Clicks property.
* Toggle as required.
