Main
Index 		Search
Posts 		Who's
Online 		Log
In

Home: Products: CMS Builder:
How to adjust Tiny MCE's "Large" and "Small" image resize defaults

 
 


nigelparry.net
User

Jan 6, 2009, 2:27 PM

Post #1 of 11 (2089 views)
Shortcut
How to adjust Tiny MCE's "Large" and "Small" image resize defaults Can't Post
CMS Builder has a WYSIWYG interface called Tiny MCE. It can upload images.

How does one adjust Tiny MCE's "Large" and "Small" image-resize defaults that appear under images in the Image Gallery, after you have uploaded an image via the WYSIWYG editor?

I want to be able to constrict "Large" images to the content table width of 500 pixels so nothing in the design gets pushed out.

Also, so the client doesn't have to do any in-house resizing but can upload something large and have it resized to 500 pixels wide.

I also want to have Tiny MCE create a 300 pixel wide image for the "Small" option, to generate images that can be nested in text.

Thanks in advance! :-)

Nigel
_____________________

For more information about Nigel Parry and nigelparry.net 
websites please see http://nigelparry.net

nigelparry.net: award-winning communications 
solutions for clients with something to say

Website & print design
Internet, public relations & media consulting

(This post was edited by nigelparry.net on Jan 6, 2009, 2:28 PM)


Dave
Staff / Moderator


Jan 7, 2009, 4:12 PM

Post #2 of 11 (2050 views)
Shortcut
Re: [nigelparry.net] How to adjust Tiny MCE's "Large" and "Small" image resize defaults [In reply to] Can't Post
Hi Nigel,

You can set those in : Admin > Section Editors > Your Section > Your Upload Field > Advanced Options > Upload Settings

You want to change the sizes for "Resize images larger than" and "Create thumbnail".

Hope that helps!

Dave Edis - Senior Developer
interactivetools.com
 


nigelparry.net
User

Jan 7, 2009, 5:36 PM

Post #3 of 11 (2047 views)
Shortcut
Re: [Dave] How to adjust Tiny MCE's "Large" and "Small" image resize defaults [In reply to] Can't Post
Dave, isn't that just for the images that CMS Builder itself uploads?

I mean the Image upload function in the WYSIWYG.

The CMS Builder uploader is different right? It's Tiny MCE?
_____________________

For more information about Nigel Parry and nigelparry.net 
websites please see http://nigelparry.net

nigelparry.net: award-winning communications 
solutions for clients with something to say

Website & print design
Internet, public relations & media consulting


Dave
Staff / Moderator


Jan 7, 2009, 6:04 PM

Post #4 of 11 (2044 views)
Shortcut
Re: [nigelparry.net] How to adjust Tiny MCE's "Large" and "Small" image resize defaults [In reply to] Can't Post
No, the wysiwyg uploader is a custom tinymce addon we wrote to do that. It works the same as the regular upload fields.

You actually edit the wysiwyg field in the field editor, since there's no upload field for the wysiwyg. So if your field is called "content" just edit that in the field editor and you'll see those settings.

This is good to know because you can actually turn uploads on and off for wysiwygs in the same place and also control which file extensions are allow to be upload.

Hope that helps!

Dave Edis - Senior Developer
interactivetools.com
 


Jeffncou
User

Jan 30, 2012, 11:12 AM

Post #5 of 11 (521 views)
Shortcut
Re: [Dave] How to adjust Tiny MCE's "Large" and "Small" image resize defaults [In reply to] Can't Post
Hi

Would it be possible to take this a stage further and rename Thumb: 1 | 2 |3 to a description.

For example could I rename:
Thumb 1 to 'full width'
Thumb 2 to 'Half width'
Thumb 3 to 'Quarter Width'


Tom P
User


Jan 30, 2012, 2:54 PM

Post #6 of 11 (509 views)
Shortcut
Re: [Jeffncou] How to adjust Tiny MCE's "Large" and "Small" image resize defaults [In reply to] Can't Post
Hi Jeffncou,

Could you explain more about why you're interested in labeling the thumbnails differently? I've included some generic information about the editor screen but I'm not sure I've actually answered your question.

The thumbnail labels as seen when in the Section Editor are set by the file lib\menus\database\editField.php. For each upload field you can have independent sizes for each thumbnail (so 'bigImages' could have 4 thumbnails - 1000x1000,900x900,800x400,700x600 - and 'smallImages' could have 4 thumbnails - 500x500,400x300,320x240,150x100). Each thumbnail has it's own fields in the uploads table (eg 'thumbUrlPath2','thumbWidth2','thumbHeight2'). This is to make it easy to retrieve the desired image and size when writing code.

Labeling each type of thumbnail with its own description based on the table that the uploader is for and the field within that table that it relates to would require adding code to the file lib\menus\database\editField.php and would only be changing the name as displayed, not the name used in the table itself (ie the end user will see whatever label you want for each thumbnail but when retrieving those thumbnails you would still use thumbUrlPath, thumbUrlPath2 etc).

Hope that helps,

Tom


Jeffncou
User

Jan 31, 2012, 2:51 AM

Post #7 of 11 (500 views)
Shortcut
Re: [Tom P] How to adjust Tiny MCE's "Large" and "Small" image resize defaults [In reply to] Can't Post
Hi Tom

I wanted to label the thumbnails differently to give the end user a hint as to what they could expect for each image. For users unfamiliar with screen resolutions, pixels etc a descriptive label such as full width, half width would possibly be more intuitive than expecting them to put in a dimension in pixels.

Furthermore I am a sucker for designing in grids and columns, probably because of my print background, and by giving the user preset sizes I have a little more control over the final appearance of the site while still giving the user lots of choice


Tom P
User


Jan 31, 2012, 9:42 AM

Post #8 of 11 (490 views)
Shortcut
Re: [Jeffncou] How to adjust Tiny MCE's "Large" and "Small" image resize defaults [In reply to] Can't Post
Hi Jeffncou,

What you're suggesting makes perfect sense - clarity for the end user is always a good thing and, as you say, a pixel may not mean much to them!

It might be best to create different upload fields for each size, then you can label each field with anything you want and the maximum number of uploads (for that field) to 1 and set the size - don't forget that the size limit is maximum dimension, not cropping (ie as soon as both width and height are the same or less than the maximum for each, the image is thumbnailed, rather than as soon as one dimension reaches the limit).

The other option that I mentioned before is, I think, too much for what you're planning to do.

Hope that helps,

Tom


Jeffncou
User

Jan 31, 2012, 10:07 AM

Post #9 of 11 (487 views)
Shortcut
Re: [Tom P] How to adjust Tiny MCE's "Large" and "Small" image resize defaults [In reply to] Can't Post
I didn't realise you are able to create different upload fields for the tinymce wysiwig menu? How would I go about that?


Tom P
User


Jan 31, 2012, 10:19 AM

Post #10 of 11 (484 views)
Shortcut
Re: [Jeffncou] How to adjust Tiny MCE's "Large" and "Small" image resize defaults [In reply to] Can't Post
Hi Jeffcnou,

Sorry, I got off track with my thinking - while you can create any number of upload fields in a viewer, there is only one for the editor.

For what you're aiming for it would be faster (and easier!) to set templates for each page and make each section of the template editable independently, rather than using the wysiwyg editor to edit all areas simultaneously. While this would give you very tight control over the look of the site ultimately, it would add more steps to making changes and require a new structured template to be set up in CMSB if a current template doesn't suit.

Hope this helps,

Tom


Jeffncou
User

Jan 31, 2012, 10:23 AM

Post #11 of 11 (483 views)
Shortcut
Re: [Tom P] How to adjust Tiny MCE's "Large" and "Small" image resize defaults [In reply to] Can't Post
Hi Tom

Thanks for the help. I think I will stick with the wysiwyg editor for this one and rethink the approach on the next job.