We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Igor Cunha
  2. Vanity Monster Sherlock Holmes The Voice
  3. General Discussion
  4. Wednesday, 29 January 2014
  5.  Subscribe via email
The modal shifts the body right at the entrance and returns the body to its original position in the output.


In T3_blank with bootstrap2, i changed the bootstrap.less file ( templates/t3_blank/less) in line

// Components: Popoversnew
@import "../../../plugins/system/t3/base/bootstrap/less/modals.less"; old <------- changed by-----> new @import "../../../plugins/system/t3/base-bs3/bootstrap/less/modals.less";

and changed name de bootstrap.less file by bootstrap3.less. I also created a theme for me with all the files. Bootstrap 2 css, but I changed the codes from the modal bootstrap2 by boostrap 3 in my theme.( Not change others)

In the previous version t3_blank (with bootstrap 2) that I adapted with the new modal( bootstrap 3) is working correctly, but the new version T3_bs3_blank happens this "problem" on the screen when the modal goes. I'm trying to find a solution. If the modal is located in a position within spolight-1a does not happen this problem, but if you are home-1a or below any other, the problem happens. Only works perfectly if you are located in the first block.

<head>
<!-- AddThis Smart Layers BEGIN -->
<!-- Go to http://www.addthis.com/get/smart-layers to customize -->
<script type="text/javascript" src="//http://s7.addthis.com/js/300/addthis_widget.js#pubid=joomlart"></script>
<script type="text/javascript">
addthis.layers({
'theme' : 'transparent',
'share' : {
'position' : 'left',
'services' : 'facebook,twitter,google_plusone_share,pinterest_share,more'
}
});
</script>
<!-- AddThis Smart Layers END -->
<jdoc:include type="head" />
<? php $ this-> loadBlock ('head')>
</ head>

<body>
  
<? php $ this-> loadBlock ('spotlight-1a')>
  
   <? php $ this-> loadBlock (home-1a ')>
  
   <? php $ this-> loadBlock ('spotlight-2a')>
  
   <? php $ this-> loadBlock (home-2a ')>
  
   <? php $ this-> loadBlock ('spotlight-3a')>
  
   <? php $ this-> loadBlock ('spotlight-4a')>

   <? php $ this-> loadBlock ('navhelper-p')>

   <? php $ this-> loadBlock ('footer-p')>

</ body>

</ html>

If you are not in a position within the first block, the problem appears.

How to fix this?

Thanks
  Resende - Rio de Janeiro, Brazil
Visit 
Comment
There are no comments made yet.
Accepted Answer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi igor,

Bootstrap 2 and Bootstrap 3 does not have use the same variable name.
It is not good to modify those import.

Those less are not 100% compatible, You should check and add more css to make it to work.

Regards
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # Permalink
Accepted Answer Pending Moderation
0
Votes
Undo
Hello admin, lacked a bit of study on my part, I did what you suggested, and fix via adding css.

Follows the excerpt for those interested:

before:

.modal-open {
overflow:hidden;
margin:fixed;
}

now:

.modal-open {
overflow:hidden;
margin:fixed;
overflow-y:auto;
}
.fade {
margin-right:-20px; <--- corrects error that appears in the screen with the scroll bar
}



The only thing I really liked is that no scroll bars appear on the same page when it starts 2 bootstrap modal, other additions tried css but have not had much progress. I would like to overlay the modal on page equal to the original bootstrap 3 without scrollbar appearing. Anyone have any ideas?
  Resende - Rio de Janeiro, Brazil
Visit 
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Admin.I used modal BS3 in t3_blank only for comparative tests, to see how it behaves in the previous model. I will inspect the css T3_blank to see if something can be applied to BS3. I will begin work to try to solve the problem, and if successful, post here. My site was ready, but I will try to solve this problem before sending to the server.
  Resende - Rio de Janeiro, Brazil
Visit 
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.