Hi:

I would like the images in the journal to be a particular size - larger than the AS default right now.  I can control this using .CSS.  BUT, that produces a blurry image even when the image upload has more than enough resolution.  I am messing with the image options in the active social control panel but everything is still blurry.  So, I believe I need a better understanding of what happens to images during the upload and which image size is used for  the journal.

To facilitate this discussion, I'd like to use a concrete example.  Lets say I have an image that is sized 351x234.  And I'd like the image in the journal to be 300px wide.  I can set the CSS to 300px which gets the size right but the image is blurry.  What do I need to set the image settings to in control panel to get the best results?  (I assume that the journal image is pulled from one of the resized images - tiny,small,medium,large - I just don't know which one).

Thanks very much for any advice or answers.

-eLindy.

When an image is uploaded, it is resized and multiple versions of it are stored. If you change the default image size settings in the control panel, the changes will not affect previously uploaded images. You will need to upload a new image to see the new resolutions.

You should not need to change the css.

Hi Ben:

Thanks very much.  That helps a lot - I can go play with the sizes to figure out which size it posts to the journal.

Follow up question:  Right now, the journal places photos side by side if the user uploads them on the same day.  Is there a way to force it to place the photos below each other?   The reason I am asking is this:  If I set the photosize to a larger size, then too many uploads will have the photos going off the screen to the right.  It's best if the photos were stacked below each other.

Thanks again for the quick responses.  This is all helping a lot.

 

Posted By Ben on 10 Mar 2011 01:37 PM
When an image is uploaded, it is resized and multiple versions of it are stored. If you change the default image size settings in the control panel, the changes will not affect previously uploaded images. You will need to upload a new image to see the new resolutions.

You should not need to change the css.

The images are hard coded in a table row right now, but there is a little css hack you could use.

1. Edit the Journal Type: Photo template.
2. Add a span element around the [AS:CONTROL:JDL:H:4] token, and give it a new css class.

Example:


3. Add this line to your css:

4. Save template and css.

I did not test this in all the browsers, but it works in Firefox.

Edit: The code block formatter is eating my closing span tag, but it should have a

Thanks - I'll give this a shot and see. Just having the idea will probably help a lot.

-eLindy

PS: You know, the AS:CONTROL:JDL:H:4 control doesn't appear in the reference document I have with the list of tokens. Is there an updated document? The one I have looks like it's from 2009.

That document only has Active Forums tokens.

Actually, the title of the document I have is "Active Social Templates and Styles". And it does most of the AS tokens. It doesn't say anything about Active Forums.

-eLindy