I am using the "Show If Design Area" with the "has children" condition to inject some custom HTML into the page.
I am developing a Design customisation based on Twitter Bootstrap. Bootstrap dictates that you insert <span class="carat></span> into the <a> element within the parent list item, e.g.
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">About <span class="caret"></span></a>
Anyway, I am using the Show If Design Area to insert the span tag like thus:
<a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" href="<MySource_print var='asset_link' />"><MySource_print var='asset_short_name' /><MySource_AREA id_name="children_or_peers" design_area="show_if"> <MySource_SET name="condition" value="has_children"/> <MySource_SET name="condition_types" value="page_standard" /> <MySource_SET name="condition_link_types" value="1" /> <MySource_THEN><span class="caret"></span></MySource_THEN> <MySource_ELSE><span></span></MySource_ELSE> </MySource_AREA> </a>
But when I preview the page, it does not seem to be working at all. I also would like to not even use the ELSE statement or just have null there as I don't want any action to happen if the condition is not being met (like not even insert the empty span tag.
I am using Squiz version 4.18.4 and I've tested on IE11 and latest versions of Firefox and Google Chrome.
I have looked into the source code and cannot find any trace of it.
Any help would be much appreciated.