Joomla Templates Club 406,261 posts

[sokakis Friend sokakisJoin date: June 2011Posts: 9Downloads:0Uploads:2 Thanks: 2]

#183361

corner-stamp work fine at “float:right” but “float:left” is not working

---

Attachments:

1. 
2. 

[arucardx Friend arucardxJoin date: July 2010Posts: 346Downloads:0Uploads:10 Thanks: 21 Thanked: 138 times in 104 posts]

#477281

I’m not sure if I remember correctly, but the documentation for masonry seems to mention that it only works on the right >_< But I just did a test and found some additional problems with corner-stamp as well.

Refer to Android (Samsung Galaxy) portrait and landscape in the following link.
http://www.responsinator.com/?url=http%3A%2F%2Fjoomla25-templates.joomlart.com%2Fja_wall%2Fen%2F

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#477465

Hi sokakis,

You can enable the corner-stamp float left by replacing the function

$.Mason.prototype._reLayout = function( callback ) {
var freeCols = this.cols,
cornerStampHeight = 0,
cornerStampCols = 0;

if ( this.options.cornerStampSelector ) {
var $cornerStamp = this.element.find( this.options.cornerStampSelector );
if($cornerStamp.length){
freeCols = Math.floor((
$cornerStamp.offset().left –
(this.element.offset().left +
this.offset.x +
parseInt($cornerStamp.css(‘marginLeft’)))) / this.columnWidth );

cornerStampHeight = $cornerStamp.outerHeight(true);
cornerStampCols = Math.ceil($cornerStamp.outerWidth(true) / this.columnWidth);
}
}

// reset columns
var i = this.cols,
il = Math.min(freeCols + cornerStampCols, this.cols);

this.colYs = [];
while (i–) {
this.colYs.push( this.offset.y );
}

for ( i = freeCols; i < il; i++ ) {
this.colYs = this.offset.y + cornerStampHeight;
}

// apply layout logic to all bricks
this.layout( this.$bricks, callback );
};

on line templatesja_walljswall.js
@arucardx
I do not know what is wrong, can you give some more information.

Regards

1 user says Thank You to Wall Crasher for this useful post

1. sokakis

[sokakis Friend sokakisJoin date: June 2011Posts: 9Downloads:0Uploads:2 Thanks: 2]

#477551

now work fine 🙂

[arucardx Friend arucardxJoin date: July 2010Posts: 346Downloads:0Uploads:10 Thanks: 21 Thanked: 138 times in 104 posts]

#477597

Hi Wall Crusher,

Refer to this image attachment.

The image for Corner-Stamp in Samsung Galaxy S doesn’t upscale to fit the container like the other articles. Is that an expected behavior?

---

Attachments:

1. 

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#477600

Hi arucardx,

Corner-Stamp is just a placeholder for you to put one or more module. We does not add more style to control inner content of module.
Those CSS styles should belong to module style. If you have a special module for this position, you should try to style it on your way.
Of course, it would be nice if you have responsive style. Corner-Stamp can have extended class like grid-double, hlite, …
There are numerous modules and we can not cover all cases. :laugh:
So, it is not really an issue. A simple css rule will fix this.

Regards

[arucardx Friend arucardxJoin date: July 2010Posts: 346Downloads:0Uploads:10 Thanks: 21 Thanked: 138 times in 104 posts]

#477688

Hi Wall Crasher,

I see. Ok not a problem, I get your point. The styling should come from the module then =)

Best Regards,
Stephen

[Author]

Posts