Canvas Support

Portfolio Rendering the wrong way

6 replies · opened Sep 20, 2016

HhenriksarpSep 20, 2016

Hi there,

First off, great skin! It looks marvelous, and works alike.

However, we've encountered a problem:

When we have more than 1 line of text in either the Portfolio Header or the Portfolio Span text, the Portfolio module fails to render properly.
(We would love to send you the site, so you could see it in a working environment, but we do however only have it in test)
Our suspicion goes towards the wrapping code the Portfolio module uses to decide where and how the elements should wrap - being it either 4/3/2 elements per row according to the responsive design, but we ran into a loose end here. We cannot specify were the problem exactly relies.

Our code:


	
	
		
			
				
![attachment](/images/portfolio/4/1.jpg)

			
			
				[](/systemloesninger/edocs-dm/)
			
		
		
			[eDOCS DM](/systemloesninger/edocs-dm/)
			Teaser tekst
		
	

	
	
		
			
				
![attachment](/images/portfolio/4/2.jpg)

			
			
				[](/systemloesninger/dmsync-manager-for-edocs-dm/)
			
		
		
			DMSync Manager for eDOCS DM
			Teaser tekst
		
	

	
	
		
			
				
![attachment](/images/portfolio/4/3.jpg)

			
			
				[](/systemloesninger/smart-search-manager-for-edocs-dm/)
			
		
		
			Smart Search Manager for eDOCS DM
			Teaser tekst
		
	

	
	
		
			
				
![attachment](/images/portfolio/4/4.jpg)

			
			
				[](/systemloesninger/umbraco-web-site/)
			
		
		
			UMBRACO Web Site
			Teaser tekst
		
	

	
	
		
			
				
![attachment](/images/portfolio/4/5.jpg)

			
			
				[](/systemloesninger/galsync/)
			
		
		
			GALsync
			Teaser tekst
		
	

	
	
		
			
				
![attachment](/images/portfolio/4/3.jpg)

			
			
				[](/systemloesninger/docscorp/)
			
		
		
			DocsCorp
			Teaser tekst
		
	

	
	
		
			
				
![attachment](/images/portfolio/4/4.jpg)

			
			
				[](/systemloesninger/juniper-pulse/)
			
		
		
			JUNIPER Pulse
			Teaser tekst
		
	

	
	
		
			
				
![attachment](/images/portfolio/4/5.jpg)

			
			
				[](/systemloesninger/email-archiving/)
			
		
		
			Email Archiving
			Teaser tekst

(It is possible for us to link the testsite in a mail if you would like, however not on this forum site, just in case google would then crawl it and put it "out there")

Best Regards
Henrik

SSemicolon WebSTAFFSep 20, 2016

Hello,

Thank You so much for the Kind Words and We Really Apologize about the Inconveniences caused.

We think that we have understood your issue but to be double sure about it and provide you with an accurate solution, it would be great if you can provide us with a Live URL. You can simply provide the Live URL using a Private Reply in this Forum Thread itself as it is protected and not crawled by Google. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

HhenriksarpSep 23, 2016

Hi there,

Thanks for the quick response.
Here is the Live URL:

Best Regards
Henrik

SSemicolon WebSTAFFSep 24, 2016

Hello,

Thank You for the Live URL. This is actually not an issue and the Portfolio Items adjusts itself in the Grid in the available space like a Masonry Layout. This happens when some Items have irregular heights. This can be fixed easily by adding the data-layout="fitRows" Attribute to the .grid-container DIV. Example:

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

HhenriksarpSep 26, 2016

Hello there,

We thank you for the quick reply. I've just added it to the site, and it works accordingly, so we have no issues no.
Thanks again :-)

Best Regards
Henrik

SSemicolon WebSTAFFSep 27, 2016

Hello,

Really Glad that your issues were resolved. Very Happy to Help! :) Thanks for your Patience.

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard