Larger text area for reporting posts

[Alan_SP]

I'm pretty annoyed with small text area we have to report posts. It's really too small in my opinion. You can hardly follow what you have written in it. So I decided to look how to make it bigger. And, as I found out, it's pretty simple.

You need to edit template reportitem

Find:

<div class="blockrow">
<label for="message">{vb:rawphrase message}:</label>
<textarea class="primary textbox" id="message" name="reason" tabindex="1"></textarea>
<p class="description">{vb:raw forminfo.description}</p>
</div>

You need to change this to:

<div class="blockrow">
<label for="message">{vb:rawphrase message}:</label>
<textarea class="reportitembox textbox" id="message" name="reason" tabindex="1"></textarea>
<p class="description">{vb:raw forminfo.description}</p>
</div>

The important part is this:

<textarea class="reportitembox textbox" id="message" name="reason" tabindex="1"></textarea>

You changed textarea class to reportitembox from primary, so we could add new CSS description that constructs larger post report area. You could use different description, but I choose to go with reportitembox. Be careful to choose unique name for CSS description.

Now we need to add new CSS information in vbulletin-formcontrols.css

Here add this code:

.formcontrols .blockrow .reportitembox {
width:400px;
height:200px;
}

Of course, you could use different width and height, as you like it. :)

As a result, we have much larger post report area as you can see in pictures. Now it's much easier to report posts as you can see more text you enter in reports.

Changelog:

28.1 - v1.10 use of CSS element secondary conflicts with CMS, that actually uses it. Changed to reportitembox.

[Alan_SP]

Discovered conflict with CMS that actually uses secondary CSS element. Now I'm using reportitembox. Hope this is not used anywhere.