How to set the custom data icon for collapsible list using xslt?

[abuisaacm 0]

Hi Folks,

 

I need a help to set the custom data-icon for a collapsible list with dynamically generated content.

 

This is my XSLT code:

<div data-role="collapsible">     <h3>             <xsl:value-of select="ACC-TITLE"/>      </h3></div>

And The output what i am getting is as follows:

<div data-role="collapsible" data-icon="grid" class="ui-collapsible ui-collapsible-inset ui-collapsible-themed-content ui-collapsible-collapsed ui-first-child">		<h3 class="ui-collapsible-heading ui-collapsible-heading-collapsed">		<a class="ui-collapsible-heading-toggle ui-btn ui-btn-icon-left ui-btn-up-c" href="#" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-icon="plus" data-iconpos="left" data-theme="c">			<span class="ui-btn-inner">				<span class="ui-btn-text">Banana Split					<span class="ui-collapsible-heading-status"> click to expand contents</span>				</span>				<span class="ui-icon ui-icon-plus ui-icon-shadow"> </span>			</span>		</a>	</h3></div>

Now What I need is to set the data-icon to my custom data-icon instead of plus.

 

do you have any idea.

 

Thanks.

 

Regards,

 

Abu Isaac

Edited August 30, 2013 by abuisaacm