There are three modes of responsive layout is available in grid based on client width. To enable responsive, isResponsive property should be set as true. Initialize the plugin to convert the description list into a responsive grid layout. The grid control has support for the responsive behavior based on client browser’s width and height. Get certified w 3 s c h o o l s C E R T I F I E D. Place the plugin's JavaScript file gridtab.js after jQuery library but before you close the body. At W3Schools you will find a complete reference of all jQuery selectors, methods, properties and events. Create your grid / tab content using HTML description list tags: dl, dt and dd. Import the required style sheet gridtab.css as this: Ģ. For this demo we used an inset listview to show you how you can apply the corner styling to the tiles as well. Create a listview from an unordered list. Gridtab is a tiny jQuery plugin for creating responsive grid or tab layouts which allow the user to expand / hide web content by clicking on their corresponding grid/tab items. A regular listview on smartphones, but grid tiles on tablets and larger screens This demo shows you how you can accomplish this with custom CSS.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |