Hi Norma,
We are facing same issue. Kindly let me know is there any way to fix this issue. it is working on knowledge article creation page. But it is not working on article page. You can find the snap shots.
Hi All,
This can be achieved with below UI Script & HTML snippet. The only thing is you'll have to paste below HTML snippet in TinyMCE Editor using HTML Mode.
HTML Snippet:
<fieldset class="expandCollapseBlock"><legend style="font-size: 12px;"> [+/-] First Block Heading Here</legend>
<div class="dataContent">
<ul>
<li>Item One</li>
<li>Item Two</li>
<li>Item Three</li>
</ul>
</div>
</fieldset>
<p> </p>
<fieldset class="expandCollapseBlock"><legend style="font-size: 12px;"> [+/-] Second Block Heading Here</legend>
<div class="dataContent">
<ul>
<li>Item One</li>
<li>Item Two</li>
<li>Item Three</li>
</ul>
</div>
</fieldset>
UI Script:
$j(document).ready(function(){
var myEC = $j('fieldset.expandCollapseBlock');
if (myEC.length){
console.log('expandCollapseBlock was here!!!!!!!');
$j('fieldset.expandCollapseBlock').click(function(){
$j(this).find('div.dataContent').toggle();
});
}
});
Your KB Article in TinyMCE would be look something like this:
And your end result would be :
Now when you click anywhere on content, it would expand and collapse the content.
Hope this help!
-Manjul
