Making a circular image using CGSmartImage

The place to talk about things that are related to CMS Made simple, but don't fit anywhere else.
Post Reply
mlestat1131
Forum Members
Forum Members
Posts: 41
Joined: Sat Sep 15, 2012 9:12 pm

Making a circular image using CGSmartImage

Post by mlestat1131 »

How would I make an image round, by using CGSmartImage?
There is a Rounded Corners Filter. So I am sure it will work, but it doesn't specify how to apply the filter.

Any help would be appreciated.

Thanks
Matthew
User avatar
PinkElephant
Forum Members
Forum Members
Posts: 173
Joined: Fri Feb 06, 2009 2:08 pm

Re: Making a circular image using CGSmartImage

Post by PinkElephant »

Hi,

Looking at the module Help, the simplest way is to include the filter in the call, e.g:

Code: Select all

{CGSmartImage src="uploads/images/test.jpg" filter_roundedcorners=40}
If it doesn't work, let us know exactly what you've tried.
scooper
Forum Members
Forum Members
Posts: 242
Joined: Fri Dec 09, 2005 12:36 pm

Re: Making a circular image using CGSmartImage

Post by scooper »

Don't forget you can just use CSS to display a round image. Bootstrap just uses:

Code: Select all

.img-circle {
	border-radius: 50%;
}
that might be easier if you don't know the dimensions of your image.
User avatar
Rolf
Power Poster
Power Poster
Posts: 7825
Joined: Wed Apr 23, 2008 7:53 am
Contact:

Re: Making a circular image using CGSmartImage

Post by Rolf »

scooper wrote:...if you don't know the dimensions of your image
https://www.cmscanbesimple.org/blog/get ... -in-smarty
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Image
Post Reply

Return to “The Lounge”