1. stip
  2. Support
  3. Tuesday, November 04 2014, 05:58 PM
Is there someone who uses bootstrap 3 and has overwritten all the output?

Its something to consider that not everybody uses boostrap 2.
I know joomla uses 2 but when joomla begin to use it i already used bootstrap 3.
And i think allot more people does.

So a compatibility would be nice.
admin Accepted Answer
Admin
Hi,
This site (easy-profile.com) is build with Bootstrap 3 and we not have problem with our component. So please post me your site link to check layout issue. We can send you a CSS code to fix it :)
  1. more than a month ago
  2. Support
  3. # 1
stip Accepted Answer
Thanks for your reply

Well the icons are bootstrap 2 right?
When i loaded the bootstrap 2 for a moment the fields and checkboxes where aligning much better.
And ofcourse i can fix everything but it is more work :-)

The google map buttons in registration field has no icons (icons instead of glypicons maybe Font Awesome for universal compatibility? ), but at this moment i do not use them so not a problem.
  1. more than a month ago
  2. Support
  3. # 2
admin Accepted Answer
Admin
Hi,
please post me your site link, with CSS/Javascript debugger we will try to fix these issues
  1. more than a month ago
  2. Support
  3. # 3
stip Accepted Answer
Content Protected
  1. more than a month ago
  2. Support
  3. # 4
admin Accepted Answer
Admin
Hi,
you can add this javascript code:
jQuery(document).ready(function($){
$('*[class^="icon-"],*[class*="icon-"]').each(function(){
var class_tmp=$(this).attr('class');
class_tmp='glyphicon '+class_tmp;
class_tmp=class_tmp.replace(/ icon-/gi,' glyphicon-');
$(this).attr('class',class_tmp);
});
});


This code convert all icon classes to bootstrap 3 format glypicons classes

You may insert this code at the end of file /templates/stiptemplate/js/menu.js
  1. more than a month ago
  2. Support
  3. # 5
stip Accepted Answer
Thanks, if that worked it would be fantastic :-)

I places the code right where you told me to.

I can't get it to work.

Any idea?
  1. more than a month ago
  2. Support
  3. # 6
admin Accepted Answer
Admin
try with this:
jQuery(document).ready(function($){
setTimeout(function(){
$('*[class^="icon-"],*[class*="icon-"]').each(function(){
var class_tmp=$(this).attr('class');
class_tmp='glyphicon '+class_tmp;
class_tmp=class_tmp.replace(/ icon-/gi,' glyphicon-');
$(this).attr('class',class_tmp);
});
},300);
});
  1. more than a month ago
  2. Support
  3. # 7
stip Accepted Answer
Yes it works!

This is a nice trick :-)

Thanks!

My compliments for the extensions and the service.
Really joomla minded extension :-)
  1. more than a month ago
  2. Support
  3. # 8
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.
Sorry, the discussion is currently locked. You will not be able to post a reply at the moment.