EasySocial responsiveness?
By Toryalai Hart on Sunday, 06 April 2014
Posted in General
Replies 7
Likes 0
Views 1.5K
Votes 0
Hi Guys,

Congrats on a very feature rich and nice looking EasySocial -- I gave it a test run on your site demo and was very impressed.

To test it in context of the project for which I had it in mind, I loaded it up on my iphone 4s in both chrome and safari, and sadly, at least on iOS, it's a long way from being cleanly responsive.

Is this a function of your own website template (your other pages come through a little shuffled too)?

If so, is there a specific responsive template or config option in the easysocial backend configuration?

If due to your site, do you have a link to a responsive demo somewhere that I can check out?

Sorry for the questions but I would like nothing more than buy this component and put it at the core of this new site... but unless it can demonstrate clean responsive behavior, it's unlikely to be an option unless maybe it does well on tablets, just not on phones?

Please advise.

Many thanks,

Tory
Hello Tory,

EasySocial is actually 100% responsive on most mobile devices. It should work fine on IOS4 too. Are you testing this on http://demo.stackideas.com ?
Mark
·
Sunday, 06 April 2014 22:44
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Mark -- yep, that's the link I was using. Your main site's all messed up and shuffled as well. As for Easysocial, it looked fine at first, but when I started trying to do stuff like login of close a popup of a profile, controls weren't working an all kinds of funny stuff was going on. Seems to be interface related. I didn't spend tons of time there and figured that I'd drop you guys a note first to check. Am on iphone 4s with iOS 7.1. Tried latest chrome and safari and had issues with both. Cheers, Tory
Toryalai Hart
·
Sunday, 06 April 2014 22:51
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Tory,

Yeah, our main site is not "responsive" yet As for the demo, it does seem to work fine for me here.
Mark
·
Monday, 07 April 2014 00:13
·
0 Likes
·
0 Votes
·
0 Comments
·
Just took a look into the theme files.. seems like the responsiveness is done via JS? 
<script type="text/javascript">

EasyBlog.require()

.script('layout/responsive')

.done(function($){



	$('#ezblog-head #ezblog-search').bind('focus', function(){

		$(this).animate({ width: '170'} );

	});



	$('#ezblog-head #ezblog-search').bind( 'blur' , function(){

		$(this).animate({ width: '120'});

	});



	$('#ezblog-menu').responsive({at: 540, switchTo: 'narrow'});

	$('.eb-nav-collapse').responsive({at: 560, switchTo: 'nav-hide'});

	$('.btn-eb-navbar').click(function() {

		$('.eb-nav-collapse').toggleClass("nav-show");

		return false;

	});



});

</script>


Is there a specific script behind this, some kind of layouting engine? I think doing this by using the build-in BS Framework or as i prefer foundation would produce way less overhead.. Also if you're using on of the Frameworks the responsive menu will do odd things (wrong height etc..)
Martin Heyne
·
Saturday, 26 April 2014 19:16
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Martin,

I am really sorry for the delay of this reply as it is a weekend for us here. Yes, we do have our own internal "calculation" using javascripts to apply specific css classes on our wrappers. The reason being, we do not know what Joomla template is being used and we cannot by any chance fix the Joomla template that isn't responsive. We need a way to know when a screen is resized / if the device is from a mobile or table.
Mark
·
Sunday, 27 April 2014 03:59
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey, no prob. It's weekend in Germany too

That sounds quite logically, also Joomla uses BS 2.x which is quite outdated, so your approach is comprehensible.
I'll try to implement a basic clean Foundation template, for now I got the latest news overview, category and toolbar running. In the most files, the licensing header on top says GNU/GPL, so would it be okay, if i push this basic template to Github later, so maybe others can use it too? Just asking, because the data logic etc. was written by you guys...

So Long
Martin Heyne
·
Sunday, 27 April 2014 18:04
·
0 Likes
·
0 Votes
·
0 Comments
·
Yep, as long as you do not redistribute the css / images files that is from EasyBlog, it's perfectly fine You can read more about our licensing policy here http://stackideas.com/licensing
Mark
·
Sunday, 27 April 2014 22:51
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post