Tutorial


One of the things I have been meaning to change in Dolphin 7 for the longest time is the height of the Tiny MCE editors in the Admin Panel. They are just way to short in terms of height to do much with, and to see what is going on.

Maybe they are acceptable for you, or maybe they are just too small in my flat screen monitor with a wide screen 1440 X 900 landscape setting. Which is similar in size and resolution to what you would see in wide screen DVD movies.

The default Dolphin 7 Administration Tiny MCE editors appear to be only 157px in height, which is fairly small.

The Tiny MCE Editor areas in Dolphin 7 Administration I am referring to is modules where you would post News, Articles, and Basic Settings to change the Promo block, and possibly other areas if you have more Dolphin 7 Modules installed or enabled.

The easiest way to increase the height of just the Administration Tiny MCE Editors without affecting the rest of your site is to edit:
/administration/templates/base/css/forms_adv.css

There isn't much to the file. Once you open it you will see that it imports from your template directory/folder:
@import url(../../../../templates/base/css/forms_adv.css);

All you need to do is add under the import line:

.form_input_textarea {
    border: none;
    background-color: #ffffff;
    width: 100%;
    height: 357px;
    resize: none;
}

Where height: 357px; is the desired height you want.



The entire file would then look like:

@import url(../../../../templates/base/css/forms_adv.css);

.form_input_textarea {
    border: none;
    background-color: #ffffff;
    width: 100%;
    height: 357px;
    resize: none;
}


Save the file back to your host/server.

Then simply refresh your Dolphin 7 Administration Panel a few times, and navigate Basic Settings and find the Promo Block area, or Modules News or Articles and verify the Tiny MCE Editor height has increased.


If you want to keep it even more simple, you can probably get by with just this:

@import url(../../../../templates/base/css/forms_adv.css);

.form_input_textarea {
    height: 357px;
}



Dolphin 7 Article Module Area Original Height:

Dolphin 7 Admin Article Module Original




Dolphin 7 Article Module Area Enlarged Height of 357px:

Dolphin 7 Admin Article Module Increased Height




Dolphin 7 Basic Settings Promo Block Area Original Height:

Dolphin 7 Admin Promo Block Original




Dolphin 7 Basic Settings Promo Block Area Enlarged Height of 357px:

Dolphin 7 Admin Promo Block Increased Height




Not much to it, very simple and only takes a few seconds really.

If you are like me and find it difficult to actually type much in the Dolphin 7 Admininstration area Tiny MCE Editors than this will come in handy.

 
Written By
Tutorial by: Jeremy LeSarge (AKA Ray)

I am the owner and administrator of DialMe.com. I write Tutorials for Boonex Dolphin as well as tips and resources surrounding website programming and development. I enjoy working with WordPress, SEO, and Web Hosting / Servers. I also maintain a WordPress Blog here on this site where you will find a variety of technology and webmaster resources.

Actions
Recommend
Sponsored Links