Search code examples
javascriptxpageslotus-notesserver-side

server side js on pure CSS


now i'm workin on dropdown menu using PURE CSS method on Xpages lotus notes 8.5.2

I'm followin the tutorials from this link

but I got errors when i put these codes inside li tag

< li>< this.rendered>< ![CDATA[#{javascript:x=sessionScope.get("level");x!="MR"}]]>< /this.rendered>< a href="#">Report</a> < /li>

Can someone help me with these? I googled and couldn't find the right method yet.

thanks


Solution

  • <li> is not an XPages control and you can therefore not use this.rendered.

    Instead you can use the computed text control and set it to render as <li>. Here's an example:

    <xp:text escape="false" id="computedField1" tagName="li">
        <this.rendered><![CDATA[#{javascript:x=sessionScope.get("level");x!="MR"}]]>< /this.rendered>
        <xp:this.value><![CDATA[#{javascript:'<a href="#">Report</a>'}]]></xp:this.value>
    </xp:text>
    

    The answers to this question contain other examples of similar approaches.