I've created a timeline with php nad bootstrap. Now I'd like to convert it into HTML 5 DB in order to animate it. I have the classic php code that's working:

<?php do { ?>
<?php   if ("".$row_rsHistory['TimelinePosition']  ."" == "right") { ?>
			 <div class="col-md-6 col-md-offset-6" data-align="right">
				<?php  } else { ?>
					<div class="col-md-6">  <?php  } ?>
						 <div class="timeline_box">
						<div class="date"><?php echo $row_rsHistory['Jahr']; ?></div>
						<p><?php echo $row_rsHistory['Event']; ?></p>
						</div><!-- end timeline box -->
						</div>
<?php } while ($row_rsHistory = mysql_fetch_assoc($rsHistory)); ?>

This creates a text on the left and a year on the right for records with "TimelinePosition=left" and the other way around for records "TimelinePosition=right".

Now I tried the following code with your extension but it not working correctly:

 <div class="col-md-6 {{(TimelinePosition == "right").then("col-md-offset-6")}}" data-align="{{(TimelinePosition == "right").then("right")}}" data-binding-repeat="{{dsHistoryEN.data}}" data-binding-id="repeat1">
div class="timeline_box">
div class="date">{{Jahr}}</div>
<p><div data-binding-html="{{Event}}"></div></p>
 </div>
                                          </div>

Thanks for any help.

Hello Andre,
Could you please provide a link to your current page?

As far as i understand your idea - this should work for you:

<div class="{{TimelinePosition.contains( &quot;right&quot; ).then( &quot;col-md-6 col-md-offset-6&quot;, &quot;col-md-6&quot; )}}" data-align="{{TimelinePosition.contains( &quot;right&quot; ).then( &quot;right&quot;, &quot;&quot; )}}">
  <div data-binding-hide="{{TimelinePosition == 'right'}}" class="timeline_box">
    <div class="date">{{Jahr}}</div>
    <p data-binding-html="{{Event}}"></p>
  </div>
  <!-- end timeline box --> 

</div>

Tahnks so far Teodor, but it's not yet working properly. I send you the link @ your supprot E-Mailaddress.