I've got a page with bootstarp tooltips working. If I add The HTML5 Data Bindings it's not working anymore (or not shown anymore):

Do I need any clearfixes with the additional div? Thanks for any help

  <div id="repeat1" data-binding-repeat="{{dsReferenzen.data}}"><div class="row">
          <div class="col-md-12">
            <div class="contentBoxOuterWrapper ">
              <div class="contentBoxWrapper addLightBG ">
                <div class="row">
                  <div class="col-md-4">
                  
                    <div class="contentBox">
                      <div class="contentBoxTextRow addPadding">
                        <h1>{{Projekttitel}}</h1>
                        <p>{{Projektbeschreibung}}</p>

                      </div>
                    </div>
                    
                     <div class="row">
       
          <div class="col-sm-12">
           <div class="contentBox">
          
                      <div class="contentBoxRefIconRow ">
                       <div class="col-xs-2">
          	<div class="contentBoxRefIcon animateHoverEase" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
            <i class="icon-shopping-cart "></i></div>
                     </div>
                     
                      <div class="col-xs-2">
          	<div class="contentBoxRefIcon animateHoverEase" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
            <i class="icon-shopping-cart "></i></div>
                     </div>
                     
                      <div class="col-xs-2">
          	<div class="contentBoxRefIcon animateHoverEase" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
            <i class="icon-shopping-cart "></i></div>
                     </div>
                     
                      <div class="col-xs-2">
          	<div class="contentBoxRefIcon animateHoverEase" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
            <i class="icon-shopping-cart "></i></div>
                     </div>
                     
                     <div class="col-xs-2">
          	<div class="contentBoxRefIcon animateHoverEase" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
            <i class="icon-shopping-cart "></i></div>
                      <div class="col-xs-2">
          	<div class="contentBoxRefIcon animateHoverEase" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
            <i class="icon-shopping-cart "></i></div>
                     </div>
                     </div>
                     </div>
                     </div>
                     </div>
                     </div>
                  </div>
                  <div class="col-md-8">
                    <div class="contentBox">
                      <div class="contentBoxScreenshot">
                       </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
  </div>

If I place a tooltip link outside your div-construct, it works also. Do you place any z-index with your div?

Hello,
Please provide a link to your page.

Hi Teodor
It's still on a local dev webserver...
It looks like no tooltip shows up when it's placed inside:

<div id="repeat1" data-binding-repeat="{{dsReferenzen.data}}">
...
</div>

When it's inside and I take away the databinding div it's working.

I put a test page on our testserver:

testserver.swf.ch/swf2013/test.php
testserver.swf.ch/swf2013/test2.php

test2.php is the same page just without

<div id="repeat1" data-binding-repeat="{{dsReferenzen.data}}">  
...  
</div>

Hello Andre,

The problem is that the repeat region is rendered later, as it has to wait for the feed to be fully loaded, so when binding the tooltips the repeat region is not there.
I will check for a quick workaround and notify you.

Hi Teodor. Thanks for your reply and I'm looking forward to your solution ;-)

Hi Teodor. Have you made any progress yet? Thanks

I guess this has to do with the repeat region triggering a "repeatRender.dmxDataBindings" event. Can you please give me some hints how to apply this? I'm completly stuck with it. Thanks in advance.

May I ask for support on this? Thanks

Can you please give me some help on this? Thanks

I'm still struggling with this. I bought a lot of new extensions including bootstrap stuff and this tooltip doesn't work when I combine it with HTML5 Data Bindings. There is no programming help around, no description. In another thread you mentioned that there is a "repeatRender.dmxDataBindings" event to be used. Ok, and how do I have to use it? This HTML5 Data Binding is a nice extension but a completly black box.
Thanks for any help.

Hello,
Actually we do not support any 3rd party functions, that's why i suggested you to listen for this event if you want to load any function.
You can call any function using the behaviors also - using when the data is successfully loaded event.

Hi Teodor. This is part of your bootstrap extension, isn't it?

So, I do have to attach a behavior to the datasource and use the Event "when the data is successfully loaded"? But what behavior do I have to use there? I guess an attach event would be correct?

The div should look like this at the end:
<div class="contentBoxRefIcon" data-toggle="tooltip" data-placement="top" title="Tooltip on top">

Or what do you mean exactly?

No, this is not a part of our bootstrap etension. Our Bootstrap Extensions are:
- Bootstrap Scaffolding
- Bootstrap Elements

We do not have bootstrap javascript plugins as an addon. getbootstrap.com/javascript/

You should use the Dreamweaver call javascript behavior and call the function to be loaded..

Ah ok, thanks and sorry for the misunderstanding from my side

I'm calling the tooltip function after the data has been loaded with "$('.swfTooltip').tooltip('hide')". This works on my detail page (resize button in the middle content box):

www.swf.ch/referenzen_details.php?KID=32

But it's not working on my basic page (all icons on the left under the text):

www.swf.ch/referenzen.php

What am I doing wrong here? Thanks for any help.

Any ideas?

Is it correct how I'm calling the tooltip script? Thanks for any help

Hello,

On the page that this is not working i see something strange in your code:

<a class="contentBoxRefIcon animateHoverEase swfTooltip" href="referenzen_details.php?KID=32" dat-binding-id="repeat3" title="Datenbankanbindung" data-placement="top" data-toggle="tooltip">

Shouldn't the bold text be "data-binding-id"?
Also - what happens if the tooltip on this page is taken out of this repeat region?

Hi Teodor
I don't know where this code-block comes from .. strange .. however. It didn't cause the problem.
The tooltip is working outside repeat region (hover the button next to the title Referenzen):
www.swf.ch/referenzen_test.php

No replies anymore?!