# 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. 

<figure><img src="/files/BBkNBt4MI48U0FKzmEjt" alt=""><figcaption></figcaption></figure>

{% 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.

<figure><img src="/files/AsL8A0KP86M9qH1z6Gi5" alt=""><figcaption></figcaption></figure>

## Close

* Find Edit in Modal window you want to close.
* Click "**X"** to close.

<figure><img src="/files/UY1Fwaoz1balPNOS6lLY" alt=""><figcaption></figcaption></figure>

## 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.

<figure><img src="/files/fRVcErAM3KEWl5X6hQaF" alt=""><figcaption></figcaption></figure>

## 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.

<figure><img src="/files/kxksNBwnYz0n3A6m9037" alt=""><figcaption></figcaption></figure>

## 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.

<figure><img src="/files/co6x8J31bpPsyNbjcLom" alt=""><figcaption></figcaption></figure>

## 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.

<figure><img src="/files/NnFjEAVgr1FH2oJlcxQe" alt=""><figcaption></figcaption></figure>

## 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.

<figure><img src="/files/C33elcnOdERSrPIJfPYc" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.cwicly.com/blocks/code/settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.