August 26, 2005

Enlarging the MT Edit Windows

This tutorial is out of date and no longer necessary with MT3.3. It will not be updated. ~Elise March 1, 2007

The template edit windows and the New Entry edit windows in Movable Type can easily be made larger with a simple adjustment.

MT3.2

In the folder that contains your static MT files on your server, open the file style.css in a text editor.

To change the edit-entry window, find the following lines of code (around line 1924):

#edit-entry .full-width {
width: 577px;
}

Add a height dimension after the width.

#edit-entry .full-width {
width: 577px;
height: 400px;
}


To change the template edit window, find the following lines of code (around line 1561):

#edit-template textarea.wide {
width: 618px;
}

Add a height dimension after the width.

#edit-template textarea.wide {
width: 618px;
height: 400px;
}


MT3.1

In the folder that contains your static MT files on your server, open the file style.css in a text editor.

To change the edit-entry window, find the following lines of code:

#edit-entry textarea.full-width {
width: 577px;
}

Add a height dimension after the width.

#edit-entry textarea.full-width {
width: 577px;
height: 400px;
}

To change the template-edit window, find the following lines of code:

#edit-template textarea.wide {
width: 618px;
}

Again, add a height dimension after the width.

#edit-template textarea.wide {
width: 618px;
height: 400px;
}

MT2.x

The stylesheet for the MT2.x editing window textarea class controls both the size of the entry body edit window and the template edit window.

In the folder that contains your static MT files, open the file style.css in a text editor. Find the following lines of code:

textarea.width500 {
font-family:verdana, arial, sans-serif;
color:#333;
background-color:#FFF;
font-size:11px;
width:486px;
}

Change the width dimension to something larger. Add a height dimention as discussed above in the directions for MT3.x.

If you want separate dimensions for your template windows and your entry edit windows, create a new class in the styles.css with the dimensions you want for templates. Modify the edit_template.tmpl and replace class="width500" with the new class name.

For both MT3 and MT2, note that if you use the keyword window or the excerpt window in your entry editing, those window sizes will also change.

Technorati Tags: Has this tutorial been helpful? Please consider linking to Learning Movable Type at http://www.learningmovabletype.com/ . Thanks!

Posted by Elise Bauer on August 26, 2005 to General Tips and Tricks
| Email to a friend | Printer-friendly version

Email to a friend

Email this article to:


Your email address:


Message (optional):