Content Instance Lists on Navigation Component

Hi All,

Can you please help me to lists CIs along with Channels in the Navigation Component.

By Default, it is listing Channels only, want to lists Content Instances as well. Please help me to fetch CIs in the Tree.

I am using below code to lists channels, but unable to use ContentInstance bean here.

<%@ page import="com.vignette.as.client.common.ChannelData" %>
<%@ taglib uri="/WEB-INF/vgnExtTemplating.tld" prefix="templating" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="x" uri="http://java.sun.com/jsp/jstl/xml" %>
<%@ page contentType="text/html" %>

<%-- initialize component & results --%>
<templating:initComponent xml="xml"/>
<templating:localizeReferences/>
<x:parse var="componentXml" xml="${xml}"/>
<x:set var="componentRoot" select="$componentXml/channelXML"/>

<%
   String dvClasses = (String) request.getAttribute("dvClasses");
   if (dvClasses != null && !dvClasses.equals("")){
       dvClasses = dvClasses.replace(";", " ");
   } else if (dvClasses == null) {
       dvClasses = "";
   }
%>

<%-- render --%>
<div class="row">
<div class="col-md-3">
<strong>${componentRoot}</strong>
<nav id="sidenav_container" role="navigation" class="navbar collapse navbar-collapse row">
               <div class="side-menu-container">
                        <ul id="sidenav" class="list-unstyled">
                           <x:forEach select="$componentRoot/channel/channel[@expanded='true']/channel" varStatus="status">
                               <c:set var="vcmId"><x:out select="channelVCMId"/></c:set>
                               <c:set var="isSelected"><x:out select="@selected"/></c:set>
                               <templating:contentLink var="linkUrl" oid="${vcmId}" format="${param.vgnextfmt}"/>
                               <li style="list-style: outside none none;padding-left: 0;">
                                   <a href="${linkUrl}">
                                       <strong>${linkUrl}</strong>
                                       <x:out select="channelName"/>

                                   </a>
                               </li>
                           </x:forEach>
    </ul>
</div>
</nav>
</div>
</div>