By дмитрий on Sunday, 24 August 2014
Posted in General Issues
Replies 23
Likes 0
Views 1.1K
Votes 0
I need to swap the div blocks es-sidebar es-content (swap bar, and base), in profile, in the news messages, in general, wherever do, whether it is possible to change everything at once?
Hello дмитрий,

I already updated your CSS styling for our component layout, you can view the code here:
/templates/yoo_glass/styles/sky/css/style.css

And the styling is as below:
body div#fd.es .es-container .es-sidebar {
float: right;
border-left: 1px solid #d7d7d7;
border-right: 0;
}

body div#fd.es .es-container .es-content {
display: block;
margin: 0 220px 0 0; /* INB4, .es-sidebar WIDTH IS 220px */
}

body div#fd.es .es-container .es-content .es-streams {
display: inline-block;
width: 100%;
padding: 10px 20px 0 0;
}

body div#fd.es .es-media-browser .es-sidebar + .es-content {
margin: 0 160px 0 0; /* INB4, .es-sidebar FOR THIS VIEW WIDTH IS 160px */
}

We tried to reorganize our component's content & sidebar through CSS styling only, so that it will be easier for you.

Hope this will help, please let us know if you need further assistance or facing any bug after this implementation, thanks you
·
Monday, 25 August 2014 12:01
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

I am sorry but not really sure if I understand you here. Most of these are generated from the theme files so you can just override / modify them if you want
·
Sunday, 24 August 2014 11:19
·
0 Likes
·
0 Votes
·
0 Comments
·
I needed swap rows <div class = "es-sidebar" data-sidebar = ""> and <div class = "es-content pl-10">, but where and in what file can I find them, please tell me where to look just you know your code better. You would have saved me a few hours of time, and I would be infinitely grateful to you. I'm not sure that it can crank in CCS
·
Sunday, 24 August 2014 11:27
·
0 Likes
·
0 Votes
·
0 Comments
·
Which view are you referring to?
·
Sunday, 24 August 2014 11:34
·
0 Likes
·
0 Votes
·
0 Comments
·
Screen
·
Sunday, 24 August 2014 11:45
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

I can't exactly tell you which particular files you should be looking for if you don't tell me which view you want to modify but in general, the idea is really simple. If you want to swap the ordering of the html codes for the profile, edit the file /components/com_easysocial/themes/wireframe/profile/default.php
·
Sunday, 24 August 2014 11:56
·
0 Likes
·
0 Votes
·
0 Comments
·
I want to make the display on the right sidebar and stream (content, news) on the left, as in the screenshot, I decided that if I change the order of the code in the document /components/com_easysocial/themes/wireframe/profile/default.php,
changes appear on the site profile, but apparently I went the wrong way to solve the problem. I'm not experienced in php ... may you have some thoughts?
·
Sunday, 24 August 2014 12:20
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

I think it depends on your Joomla template as I am not really sure how is the template being styled.
·
Sunday, 24 August 2014 12:55
·
0 Likes
·
0 Votes
·
0 Comments
·
By the way I noticed that after my manipulations in default .php, when loading the site sidebar appears to the right as need, but after a moment it becomes again to the left. Probably somewhere else do we need to fix. Please help.
·
Sunday, 24 August 2014 13:00
·
0 Likes
·
0 Votes
·
0 Comments
·
Unlikely because it's all inside a component.
·
Sunday, 24 August 2014 13:03
·
0 Likes
·
0 Votes
·
0 Comments
·
I placed code for the es-content of the code es-sidebar, but the result is why it is not .. why?
·
Sunday, 24 August 2014 13:17
·
0 Likes
·
0 Votes
·
0 Comments
·
I am really sorry but I really cannot give you any answer unless you provide us with the access to the site to view this.
·
Monday, 25 August 2014 02:03
·
0 Likes
·
0 Votes
·
0 Comments
·
easy:)
·
Monday, 25 August 2014 04:04
·
0 Likes
·
0 Votes
·
0 Comments
·
thank you so much, I will try in the future to understand self I just have not had much experience.
By the way in the profile, there was one crooked, I had to add more .in style.ccs it


body div#fd.es .es-filterbar {
position: relative;
z-index: 2;
padding: 14px 14px 4px;
border-bottom: 1px solid #eee;
display: inline-block;
·
Monday, 25 August 2014 14:38
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi дмитрий,

May I know is your issue is resolved? When I try to login to your site, it seems like you already block our access. If your issue is resolved, I'm glad to hear that. If you have anymore question, please don't hesitate to ask us.

Thanks again and have a wonderful day.
·
Tuesday, 26 August 2014 13:36
·
0 Likes
·
0 Votes
·
0 Comments
·
you knowremained crooked. Most of the mobile version. access turned on
·
Wednesday, 27 August 2014 00:53
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

If you want to move it to the left you could try something like this,


.view-search .es-container .es-container {
width: 70% !important;
}


Anyway please do understand that these customizations are actually beyond the scope of our support and we will not be able to further assist you with such customizations
·
Wednesday, 27 August 2014 01:21
·
0 Likes
·
0 Votes
·
0 Comments
·
thank you so much, Mark, of course, I owe you, I will try to participate in customer support than I can. You will be in Russia, take with warmth and hospitality. )
·
Wednesday, 27 August 2014 03:20
·
0 Likes
·
0 Votes
·
0 Comments
·
You are most welcome
·
Wednesday, 27 August 2014 12:55
·
0 Likes
·
0 Votes
·
0 Comments
·
You can swap the sidebar and main content easily like this


/* Switch the sidebar and main content sides */
body div#fd.es .es-container .es-content {
float: left;
width: 74%;
}
body div#fd.es .es-container .es-sidebar {
width: 24%;
float: right;
}


Notice the 74% and 24% width? 75% and 25% will also work fine but don't like them "glued"

Also, if you use responsive theme, dont forget to add width:100%; to proper media queries like

/* Very Small Phones */
@media (max-width: 320px){
body div#fd.es .es-container .es-content {
width:100%;
}
}


And voila.. you got it "swapped"
·
Saturday, 13 September 2014 16:35
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for sharing Darko
·
Saturday, 13 September 2014 23:44
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

I am having the same problem.... I've modified the profile/default.php file so that the sidebar is AFTER the container block and placed the file in my template /html/com_easysocial/profile like this:

...
<div class="es-container">

<div class="es-content" data-profile-contents>
<i class="loading-indicator fd-small"></i>

<?php echo $this->render('widgets', 'user', 'profile', 'aboveStream', array($user)); ?>

<?php echo $this->render('module', 'es-profile-before-contents'); ?>
<div data-profile-real-content>
<?php echo $contents; ?>
</div>
<?php echo $this->render('module', 'es-profile-after-contents'); ?>
</div>

<div class="es-sidebar" data-sidebar>
...

See pictures.

I've also tried modifying the template directly, but the magic sidebar keeps moving after load.

When I look at the source, after the page has loaded es-sidebar appears before es-content rather than the other way around as in default.php. Is there some javascript in there that changes the position of these divs after the page has been loaded? I've found some code that seems to toggle the sidebar on and off but it does not seem to reorder attributes within the DOM.

Thanks
Chris
·
Wednesday, 13 May 2015 02:34
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Chris,

I am sorry for the delay of this reply.

Perhaps you can create a new forum post for your issue so that it will be easier for us to follow up. Can you provide us with your joomla backend and FTP access so we can check it directly?

Please advise
·
Thursday, 14 May 2015 10:56
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post