HTML5 Data Bindings Support Product Page

Answered

How do I equal column heights?

Asked 20 Oct 2013 15:41:05
1
has this question
20 Oct 2013 15:41:05 Andre Bender posted:
When I generate data containers the code looks like this:

  <div class="col-md-3 col-sm-6" data-binding-repeat="{{rsProjectList.data}}" data-binding-id="repeat1">
        <div class="contentBoxWrapper ">
          <div class="contentBoxHeaderRow">{{ProjectText}} </div>
</div>
        </div>   

The content of the project text field causes to stretch the contentBoxHeaderRow to different heights and therefore causes the box not to show in line.
It looks like I can't access contentBoxHeaderRow with Jquery in order to equal heights to the highest record. How can I do this with your software/code?

Replies

Replied 21 Oct 2013 08:38:09
21 Oct 2013 08:38:09 Teodor Kuduschiev replied:
Hello,

This actually has nothing to do with the HTML5 Data Bindings, as the extension only provides the content on the page.
Replied 21 Oct 2013 08:54:27
21 Oct 2013 08:54:27 Andre Bender replied:
I've got a jquery script that's looking the highest colum and chanes the others to its height. This works in classic php but not with your code. When I look at the source code I only see the {{}} code no values. Might this be the problem? Also, will SEO work with your code?
Replied 21 Oct 2013 09:07:51
21 Oct 2013 09:07:51 Teodor Kuduschiev replied:
Hi Andre,

As i explained you in your other topic, the repeat region is rendered later, as it has to wait for the feed to be fully loaded, and when any jquery is already loaded, there is no target container rendered yet, so it cannot calculate the heights.
If you need to load such code here is what you can do: The repeat region triggers a "repeatRender.dmxDataBindings" event that you can listen to in order to run/load other scripts.
This reply was removed on 10/30/2013 4:23:59 PM.
See the changelog

Reply to this topic