soundtraining.net website links

Saturday, June 28, 2008

TinyMCE Editor Width in Joomla

Wow, I can't believe it's been so long since I wrote anything here. I've been incredibly busy with some really interesting stuff. One of the things I'm working on is a redesign of the soundtraining.net website. It's going to be based on Joomla 1.5. If you have anything to do with website design and you're not familiar with Joomla, you need to get to know it. The website is www.joomla.org. It's an incredibly powerful content management system and it's going to allow us to offer you some really cool stuff on our website. But that's not what I wanted to write about. One of the challenges I've been dealing with is the width of the TinyMCE text editor. Problem is that it has been intruding into the right column and I couldn't figure out how to change it. Turns out the issue was with the toolbar not wrapping. I found this hack which seems to be working. In template.css, I added the following code at the end of the file:

.mceToolbarTop * {
float:left;
}

.mceToolbarTop select {
width:auto!important;
}

.mceToolbarTop option {
float:none;
}

Like I said, so far it seems to be working and I thought maybe some other people could use that info. I found the hack on a Drupal site, but it looks like it works just fine in Joomla. Check back in a few weeks and see if I'm still enthusiastic about it!

9 comments:

Jeremy Callinan said...

Thank you! very useful,I was working on the same thing with Joomla 1.0 and works great.

Don R. Crawley said...

I'm glad it was helpful. It was making me crazy until I found that solution.

Justin said...

Thanks for posting, this has been driving be nuts on a few joomla projects. This fix seems to have worked on all cases so far.

H.M.ISLAND said...

Hi man
thanx for ur post,but i went to tinymce template.css file and added the code u said,but there is no diference.plz let me know what shoul i do?
Thanx
H.M.ISLAND@gmail.com

Don R. Crawley said...

H.M.Island, without looking at your system, it's really hard to say why it's not working for you. The only thing I can suggest is to check for any syntax errors. That's usually the source of problems for me. Good luck!

H.M.ISLAND said...

Dear Crawley,
thanx for answering me.if ther is anyway i can contact u plz let me know privately,i'd let u examin the system.
thanx alot

Don R. Crawley said...

Thanks for your vote of confidence! Unfortunately, I'm not a coder nor a PHP expert, so I'm not the right person to help you beyond what I've already done. You can probably find a solution in another blog or a forum (as you probably know, Google is your best friend), but if it's making you crazy, you can find paid support at www.guru.com. I've used them successfully in the past. Good luck!

d.wijonarko said...

thank you.. great tutorial.. its work for me.. Thanks you very much!

Name: Andrew S. said...

"End of the file" ... What file?