Hello,
OK... creating a new question as requested.
I started here (http://stackideas.com/forums/sidebar-and-content-swap) and may use the CSS changes to reposition the sidebar and content areas but I would still like to know if there is something running that's changing the page.
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.
This is easy to test for yourself... just change default.php in components\com_easysocial\themes\wireframe\profile and swap the positions of the es-sidebar of es-content divs and reload the page.. you will see the sidebar appear on the correct side and then flip over to the other side.
Thanks
Chris
OK... creating a new question as requested.
I started here (http://stackideas.com/forums/sidebar-and-content-swap) and may use the CSS changes to reposition the sidebar and content areas but I would still like to know if there is something running that's changing the page.
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.
This is easy to test for yourself... just change default.php in components\com_easysocial\themes\wireframe\profile and swap the positions of the es-sidebar of es-content divs and reload the page.. you will see the sidebar appear on the correct side and then flip over to the other side.
Thanks
Chris