Menu icon Foundation

Designer | Taiwan

My Posts

  • 1
    Reply
  • Destroy Tooltips creates js errors

    By Robert Stark

    tooltip

    Hi,   I am unable to change the html code - so in a perfect world I would simply remove the tooltips call. So - if the description is blank - it will show a blank tooltip. Now - I thought destroying tooltip would work - but it creates js errors on... (continued)

    Last Reply by Max Hopper about 3 years ago


  • 1
    Reply
  • Reveal Multiple AJAX URLs

    By Robert Stark

    reveal

    Hi, I have several links to show abide with ajax content - product invoices. My problem when I click on the second invoice link - it showing the old invoice before refreshing and showing the new one.   How do I clear the reveal content?   ... (continued)

    Last Reply by Rafi Benkual over 3 years ago


My Comments

Robert Stark commented on Wiechert Hooghwinkel's post 14 days

This seems to work in foundation 6.5:
<nav class="sticky-container" data-sticky-container>
<div class="sticky" data-sticky data-anchor="mainText" data-sticky-on="medium" data-margin-top="0">

Robert Stark commented on Kurt Morris's post over 2 years

 Foundation.reInit($('[data-equalizer]')); - does this work?
 https://codepen.io/zurbchris/pen/wMBQKX
 
I just did it this way:
$('.tbox').on('resizeme.zf.trigger', function(){
Foundation.reInit($('[data-equalizer]'));
});

Robert Stark commented on Daniel Lewandowski's post over 2 years

I found this enabled me to re-fire magellan
 
$(window).on('scroll.zf.trigger', function(data) {

$('#magellan').foundation('reflow');

});

Robert Stark commented on Tobias Malikowski's post over 2 years

Thanks - this enabled me to finally reInit equalizer
Foundation.reInit($('[data-equalizer]'));

Robert Stark commented on Chris Borgmeyer's post about 3 years

OWL carousel 2:http://www.owlcarousel.owlgraphic.com/docs/api-events.html
HTML
<div class="row" id="tab1-content" data-equalizer data-equalize-on="medium">
<div class="small-12 medium-8 columns slider" data-equalizer-watch> OWL SLIDER </div>
<div class="small-12 medium-4 columns slider" data-equalizer-watch> Content </div>
</div>
 
JS:
owl.on('translated.owl.carousel', function() {

new Foundation.Equalizer($("#tab1-content")).applyHeight();

});

 
Cheers,
 
Robert

Robert Stark commented on Tonybyte's post about 3 years
Robert Stark commented on Mikey G's post over 3 years

You might also find that turning off transitions could help: 
* {

    -webkit-transition:none!important;

    -moz-transition:none!important;

    -ms-transition:none!important;

    -o-transition:none!important;

    transition:none!important;

visibility: visible;

opacity: 1;

}</code></pre>

 
 

Robert Stark commented on Imri Persiado's post over 3 years

Foundtaion has text-center etc:
http://foundation.zurb.com/sites/docs/typography-helpers.html
 
You can define it per element ofrfor the whole callout box:
 
<div class="callout">
<h5 class="text-center">Text Center</h5>
<p class="text-right">Text Right</p>
<p class="text-left">Text Right</p>
</div>

<div class="callout text-right">
<p>Text Right</p>
</div>

Robert Stark commented on zezzi's post over 3 years

Ok - I solved it with Brian's PR Request:
https://github.com/zurb/foundation-sites/pull/8075/commits/ae2129f859f0ea49392c0dc5a5d5db87c179761d
 
Luckily - my users don't get to add tooltips.

Robert Stark commented on zezzi's post over 3 years

Hi - I'm having problems with implementing html in 6.2:http://codepen.io/iamrobert/pen/zqPOwm
Is it possible yet?
Its pretty standard - as bootstrap uses it - and all you really need is bold/br/li.
As I am trying to rewrite a Joomla template to use Foundation 6 - the tooltips require it.
 

Posts Followed

  • 1
    Reply
  • Equalizer Reinit Not Working

    By Kurt Morris

    Equalizer

    I'm calling Equalizer on article/aside columns in Foundation 6.2.3. I'm also calling external content with js (Taboola widget) in the article column. External content is rendered after Equalizer fires, so I've tried Foundation.reInit('equalizer'); and ... (continued)

    Last Reply by Robert Stark over 2 years ago










Following

    No Content

Followers

My Posts



My Comments

You commented on Wiechert Hooghwinkel's post 14 days

This seems to work in foundation 6.5:
<nav class="sticky-container" data-sticky-container>
<div class="sticky" data-sticky data-anchor="mainText" data-sticky-on="medium" data-margin-top="0">

You commented on Kurt Morris's post over 2 years

 Foundation.reInit($('[data-equalizer]')); - does this work?
 https://codepen.io/zurbchris/pen/wMBQKX
 
I just did it this way:
$('.tbox').on('resizeme.zf.trigger', function(){
Foundation.reInit($('[data-equalizer]'));
});

You commented on Daniel Lewandowski's post over 2 years

I found this enabled me to re-fire magellan
 
$(window).on('scroll.zf.trigger', function(data) {

$('#magellan').foundation('reflow');

});

You commented on Tobias Malikowski's post over 2 years

Thanks - this enabled me to finally reInit equalizer
Foundation.reInit($('[data-equalizer]'));

You commented on Chris Borgmeyer's post about 3 years

OWL carousel 2:http://www.owlcarousel.owlgraphic.com/docs/api-events.html
HTML
<div class="row" id="tab1-content" data-equalizer data-equalize-on="medium">
<div class="small-12 medium-8 columns slider" data-equalizer-watch> OWL SLIDER </div>
<div class="small-12 medium-4 columns slider" data-equalizer-watch> Content </div>
</div>
 
JS:
owl.on('translated.owl.carousel', function() {

new Foundation.Equalizer($("#tab1-content")).applyHeight();

});

 
Cheers,
 
Robert

You commented on Tonybyte's post about 3 years
You commented on Mikey G's post over 3 years

You might also find that turning off transitions could help: 
* {

    -webkit-transition:none!important;

    -moz-transition:none!important;

    -ms-transition:none!important;

    -o-transition:none!important;

    transition:none!important;

visibility: visible;

opacity: 1;

}</code></pre>

 
 

You commented on Imri Persiado's post over 3 years

Foundtaion has text-center etc:
http://foundation.zurb.com/sites/docs/typography-helpers.html
 
You can define it per element ofrfor the whole callout box:
 
<div class="callout">
<h5 class="text-center">Text Center</h5>
<p class="text-right">Text Right</p>
<p class="text-left">Text Right</p>
</div>

<div class="callout text-right">
<p>Text Right</p>
</div>

You commented on zezzi's post over 3 years

Ok - I solved it with Brian's PR Request:
https://github.com/zurb/foundation-sites/pull/8075/commits/ae2129f859f0ea49392c0dc5a5d5db87c179761d
 
Luckily - my users don't get to add tooltips.

You commented on zezzi's post over 3 years

Hi - I'm having problems with implementing html in 6.2:http://codepen.io/iamrobert/pen/zqPOwm
Is it possible yet?
Its pretty standard - as bootstrap uses it - and all you really need is bold/br/li.
As I am trying to rewrite a Joomla template to use Foundation 6 - the tooltips require it.
 

Posts Followed

Following

  • No Content

Followers