Common tags

[MHussain8]

How to extract a code field or tag common in design manager? I mean the tags or fields that are searched should be highlighted.

[ankitparmar09]

Hello @MHussain8 

Very good question. It can be doable. Following the demo code, you can check.

It can help you

<div class="search">
<input type="text" placeholder="search" data-search />
</div>

<div class="items">
<div data-filter-item data-filter-name="revival">Revival</div>
</div>

<script type="text/javascript">
$(document).ready(function(){
$('[data-search]').on('keyup', function() {
var searchVal = $(this).val();
var filterItems = $('[data-filter-item]');

if ( searchVal != '' ) {
filterItems.addClass('hidden');
$('[data-filter-item][data-filter-name*="' + searchVal.toLowerCase() + '"]').removeClass('hidden');
} else {
filterItems.removeClass('hidden');
}
});
});
</script>

[MHussain8]

any shortcut key..?