Hi Pinal,

Take a look at the Embedded Content package.

Cheers, Lee.

hey thanks for the information. Embedded conent package looks great, but does it supports Rich Text Editor datatype?

You could also wait for the uComponents v2.1, which will include DataType Grid. It is meant to replace Repeatable Custom Content.

Ove, I am eagerly waiting for stable release of uComponents v2.1 since long.

BTW, will DataType Grid of uComponents v2.1 support Rich Text Editor datatype?

It is on the "Not tested" list. But I will try to make it happen.

So can we expect it in stable release of uComponents 2.1? Though end of march is too far.

Got two alternates : Embedded Content and DataType Grid of uComponents v2.1 but as of time none of them support Rich Text Editor datatype.

Hi Pinal,

Only a suggestion, have you thought of using sub/child-nodes, rather than having a repeatable data-type?

For me, I only tend to have used Repeatable Custom Content, (or Embedded Content), as an after-thought.  When I hadn't fully thought out how to structure the website.  Not implying that for everyone, just curious why a lot of developers go against using native nodes?

Cheers, Lee.

Lee, i could not get you.

i am looking for this functionality to create reusable accordion, tabs and other eLearning interactions. Currently I am using Repeatable Custom Content for this. http://blog.pbdesk.com/2011/02/re-usable-jquery-accordion-for-umbraco.html

It would be nice if you can suggest me something new in light of my this requirement.

Thanks.

Hi Pinal,

I'll try to explain in more detail.

Instead of using the Repeatable Custom Content, you would create a new document-type, (say called "AccordionItem"), give it the properties that you require (e.g. "AccordionHeader" Simple Editor and "AccordionContent" RTE).

Remember to allow the new "AccordionItem" document-type under "Structure" tab of your content page document-type.

Then create as many new accordion item (child-nodes) as you like.

You could use an XSLT macro like this...

<xsl:template match="/">
    <xsl:if test="$currentPage/AccordionItem">
        <div id="eLOPageAccordianDiv">
            <xsl:apply-templates select="$currentPage/AccordionItem">
                <xsl:sort select="@sortOrder" order="ascending" />
            </xsl:apply-templates>
        </div>
        <script type="text/javascript">
            <![CDATA[
$(function() {
    $('#eLOPageAccordianDiv').accordion( { active: false, autoHeight: false } );
});
]]>
        </script>
    </xsl:if>
</xsl:template>

<xsl:template match="AccordionItem">
    <h3>
        <a href="#">
            <xsl:value-of select="AccordionHeader" disable-output-escaping="yes" />
        </a>
    </h3>
    <div>
        <xsl:value-of select="AccordionContent" disable-output-escaping="yes" />
    </div>
</xsl:template>

Cheers, Lee.

Intresting..... thanks a lot Lee. Will definately try out this solution. And update you after that.

Hey Lee... that works... that was really nice solution. And Even now i can use Razor for that very easily.

Thanks a lot once again.

is working on a reply...