How do I show a css class if the URL parameter matches the ID in a recordset? I have the following code:

<ul class="nav nav-pills nav-stacked" data-binding-repeat-children="{{rsDataset.data}}" data-binding-id="repeat1">
              <li class="active"><a href="#">{{DataTitle}}</a></li>
			</ul>

The class "active" should only be shown, if the URL parameter matches the ID of the record showing.

Hello,

I am afraid this is not possible.

Hi Teodor. That's a pitty. So I have to use "classic php" again.

Hi again,

It seems i lied to you, you can achieve this using an expression:

class="{{($URL.url-parameter == recordID).then("active")}}"

where url-parameter is the url parameter you are using and recordID is your record id.

Ok, now I've got to go back form classic php to your extension
Thanks a lot.
It would be great to have a detailed description of how to program with your extension...

btw is this also possible?

    class="{{($URL.url-parameter == recordID).then("active").else("inactive")}}"  

Is there a documentaion planned for these kind of expressions for your extensions? It lokks like there is much more under the hood than shown in the manual which only contains the tutorials.

That doesn't seem to work.

class="{{($URL.WTID == WTID).then("active"}}" doesn't show the class Active.

I've also tested:
class="{{($URL.WTID == "50".then("active"}}"

Any ideas?

Any support on this?

No replies anymore?!

I have a URL parameter "MAGID" and the ID "MAGID" and I try to add the lass "active" to a li like this:

<li class="{{($URL.MAGID == MAGID).then("active"}}"><a href="index.php?MAGID={{MAGID}}">{{Magazin}}</a></li>

But that doesn't seem to work Is the code correct?

Try adding this to the LI:

data-binding-class-CLASSNAME="$URL_PARAMETER_NAME == DATA_ELEMENT_NAME"

where '-CLASSNAME' is the name of your class, in your case, should be '-active'

I've added

<li data-binding-class-active="$URL_PARAMETER_NAME == DATA_ELEMENT_NAME"><a href="index.php?MAGID={{MAGID}}&tp3=1_3">{{Magazin}}</a></li></ul>


Now all links are yellow ...

Sorry it should be in your case:
data-binding-class-active="{{$URL.MAGID == MAGID}}"

Works. Thanks Teodor!