[SOLVED] Images not scaled proportionally in news template

More
10 years 4 months ago - 10 years 3 months ago #57224 by grabit
Hi,

When I select resize for images in the news template and scale, the images are scaled but not proportionally is it a way to change that?

The funny thing is that I chose a small, medium or large thumb, the data entered in the size is not visible/editable but is used for the max-size in the code.

Help please, I am lost.

Joomla 3.4.4 FC 3.0.8

An Apple a days keeps the doctor away
Last edit: 10 years 3 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

More
10 years 4 months ago #57227 by ggppdk
Hello

not proportionally ?
- you mean they are scalled only in width, but the height remains the same ?


- about the disabled (=hidden) parameter that is being used, this is should not happen,

- we have cases in which a parameter is set to values and is locked as readonly (and remains VISBILE) and is used


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!

Please Log in or Create an account to join the conversation.

More
10 years 4 months ago #57230 by grabit
Not proportionally, here an example:

I introduce width 250 and height 100, I select scale as a method then the image will fit exactly that rectangle even if it is a square image.

If I introduce same height as width, the image wil,have the right proportions and a rectangle will remain rectangle.

In my first example, after choosing resize, I chooses small thumbnail to avoid the problem but it stays because the size I introduced earlier was not visible,but still,active. And the logos where scaled to that sizes without any proportion.

So the behavior of the image field in the module is completely different of the one in the field itself and in the category template.

Have a try

An Apple a days keeps the doctor away

Please Log in or Create an account to join the conversation.

More
10 years 4 months ago #57231 by ggppdk
Code:
// image of STANDARD items, auto-fit and (optionally) limit to image max-dimensions to avoid stretching $img_force_dims=" width: 100%; height: auto; display: block !important; border: 0 !important;"; $img_limit_dims=" max-width:".$mod_width."px; max-height:".$mod_height."px;"; if ($item_img_fit==0 || $content_layout <= 1) { $img_force_dims .= $img_limit_dims; }

the above is the code used to create the image

we have width: 100%
and
height: auto;

-- the dimensions that are entered in parameter only act as maximum limits
and they are used only in some cases

NOTE: an auto height means that your template or other CSS might effect your image

- you may post a link to a page showing this
but it should not happen because of module's CSS / Styling


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!

Please Log in or Create an account to join the conversation.

More
10 years 4 months ago #57233 by grabit
I changed the template to the basic beez3 and nothing changes

I sent you a PM with the access codes. Have a look.

An Apple a days keeps the doctor away

Please Log in or Create an account to join the conversation.

More
10 years 4 months ago #57414 by grabit
Hi GGPPDK,

did you had time to see your PM?

An Apple a days keeps the doctor away

Please Log in or Create an account to join the conversation.

More
10 years 4 months ago #57543 by ggppdk
Hello

there is no bug , the images are set to
width: 100%;
height: auto;

but they will not scale past the width limit that you have configured
- just configure large enough thumbnails ! with large enough width

the width that you configure is used as max-width ! to avoid making images looking ugly


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!

Please Log in or Create an account to join the conversation.

More
10 years 4 months ago #57552 by grabit
Ok I understand but the problem is that some images are in landscape and others in portrait mode so I can't have the vertical image too large and the portrait ones too hight.

In Category blog it is working like that I limit size using the thumbnails and they are not resized but in the module I have to think differently?

I think this is not coherent, the same behavior should be applied to both systems.

An Apple a days keeps the doctor away

Please Log in or Create an account to join the conversation.

More
10 years 4 months ago #57557 by ggppdk
Hello

- you only need to set a larger width

just increase thumbnail width and then limit the height to some amount, will enabling cropping


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star review. Thanks!

Please Log in or Create an account to join the conversation.

More
10 years 4 months ago #57559 by grabit
I need resizing not cropping. And in that case the images are scaled not proportionally.

An Apple a days keeps the doctor away

Please Log in or Create an account to join the conversation.

Moderators: vistamediajoomlacornerggppdk
Cookies user preferences
We use cookies to ensure you to get the best experience on our website. If you decline the use of cookies, this website may not function as expected.
Accept all
Decline all
Essential
These cookies are needed to make the website work correctly. You can not disable them.
Display
Accept
Analytics
Tools used to analyze the data to measure the effectiveness of a website and to understand how it works.
Google Analytics
Accept
Decline
Save