My goal is to develop a Gantt chart using a nested repeat control. I found how to use css for my colors by setting the Style attribute of a table cell or panel. However, my dilemma is how to display a continuous color bar horizontally. Table cells, unfortunately, display a break between columns. I see that panels do not, but they can only be placed vertically on a page (one per row) and I need to display them horizontally for this effort.
So, I’m trying to get panels to display one next to another in a nested repeat control. I thought I could get it to work by putting a panel inside an Editable Area from a custom control, but now I get a 404 error. Can someone help with this? I think I’m close, but am really just stabbing in the dark. Here’s my code that won’t work:
<xp:repeat id=“repeat2” rows=“30”>
<xp:this.value><![CDATA[#{javascript:var list = ",.,.,.,.,.,.,.,.,.,.,.,.,.,.,.,.,.,.,.,.,.,.,.,";
return(list.split(“,”))}]]></xp:this.value>
<xc:ztest><xp:this.facets>
<xp:panel xp:key="facet_1"><xp:this.styleClass><![CDATA[#{javascript:return("green")}]]></xp:this.styleClass>.</xp:panel></xp:this.facets>
</xc:ztest>
</xp:repeat>
I calculate dots as a value for the repeat just to have something to display.