August 26, 2005

Enlarging the MT Edit Windows

mtbadge-small.gif

Updated. Originally posted in early 2004.

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.

Links:
Custom Tag Buttons in Edit Entry Screen


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

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


Trackback

If you would like to send a trackback
please use the following URL: http://learningmovabletype.com/cgi-bin/mt32/mt-tb.cgi/180

Comments

Hi,

I feel dumb asking this, but I can't seem to find the MT-Static folder. Is it under the cgi-bin directory? Or some place else? I don't seem to be able to find any files with a .css

Thanks for your email - if you can email me direct - [email protected] - that would be great :-)

- Sam.

Hi Sam,
Don't feel dumb, I had a hard time finding it myself. The MT-Static folder should be in your public directory, not your cgi-bin. To find out exactly where it is, take a look at your mt.cfg file. Near the top it tells you the path to your mt-static folder.

Wow! This is a great tip! I've been using MT for almost a year now, and the tiny textareas have always bugged me. I was planning to dig around in the code to fix this, but I've been too lazy so far. I was very happy to find out here that all I really needed to do was edit a stylesheet. Thanks so much!

Hey this tip is great, but what about expanding/widening the edit window when using Bookmarklets? I use Bookmarklets to post news stories all the time. (one-cli.ck blogging since I put the shortcut on my IE Links bar)

I added a wider width parameter for the "textarea.short310" class in styles.css which does expand the edit window. However, because the Bookmarklet window is a narrow "popup window", the edit window gets cut off unless I maximize my browser window.

Suggestions?

Any way of expanding the width of the popup Bookmarklet?

This is very helpful. I wonder how I can also increase the font size in the entry window? I have tried to find the code in styles.css but without success. I am using MT 3.01D. Thanks again.

Hi Simon - do you mean the font size of what you write inside of the new entry window? the font size of the text around the window? or the font size of what is ultimately published to your website?

If it is the first, I don't know of anyway to do that other than to use your browser to make all of the text you see on a page larger. I can do this in Safari on a Mac; don't know how to do it in other browsers.

You should be able to change the font size of the text around the edit window in the styles.css.

You can change the font size of the published weblog pages by adjusting the styles-site.css through your weblog edit templates window.

The MT manual says

"Movable Type allows you to customize the New Entry and Edit Entry screens to fit with your usage of the system. This customization is done on a per-author, per-weblog basis. "

I *think* I have found out how to customize these screens but it seems that editing the edit-entry.tmpl file would change the settings for all blogs that are using that installation of MT.

Is there something I've missed in the MT manuals?

Regards,

Ryan

Hi Ryan - I haven't explored that yet. You might try asking over at the MT Support Forums. Let us know what you find!

An even easier way to enlarge the entry window would be to download the EnhancedEntryEditing widget of Ajaxify (http://www.movalog.com/archives/plugins/ajaxify/enhancedentryediting) that was you won't have to keep re-adding the hacks over and over again every time you upgrade.

Elise, great tip. Those default text edit boxes are way too short. After upgrading to MT 3.2, I also changed the textarea font back to a fixed-width variety to make it more usable:

textarea {
    font-family: "Lucida Console", Courier, sans-serif;
    font-size: 11px;
}

Post a comment

(Before posting a comment please see the Comments and Trackbacks Policy. Do you need help troubleshooting your weblog? Please post questions and requests for support at the MT Support Forums. Thanks!)




Remember Me?

(you may use HTML tags for style)

Email to a friend

Email this article to:


Your email address:


Message (optional):