Tag Archives: View Mode Switch

View Mode Switch

A layout switch with two viewing modes: grid and list. The layout is defined by a view class that gets applied to the main wrapper. Some example media queries show how to make things responsive. The HTML <div id=”cbp-vm” class=”cbp-vm-switcher cbp-vm-view-grid”> <div class=”cbp-vm-options”> <a href=”#” class=”cbp-vm-icon cbp-vm-grid cbp-vm-selected” data-view=”cbp-vm-view-grid”>Grid View</a> <a href=”#” class=”cbp-vm-icon cbp-vm-list” data-view=”cbp-vm-view-list”>List… Read More »