2020
UI Features
- Dashboard
- Email78
- Skin Playground
- Starting Layouts
- Layout Simple
- Layout Simple Medium Profile
- Layout Double SideNav
- Layout Hide RightNav
- Layout Medium No Header
- Layout RightNav
- Layout Menu Tab
- Layout Without Subtitle
- Layout Middle
- Layout Boxed
- Layout Full No Responsive
- Layout Middle No Responsive
- Boxed No Responsive
- Boxed Custom Width No Responsive
- Layout Fixed Nav
- No Header Fixed Nav
- Nav Variations
- Custom Functions
- Forms
- UI Elements
- List & Tables
- Charts
- Maps
- Gallery
- Extra Pages
- Front End
- Buy This Theme
2020
UI Features
- Dashboard
- Email78
- Skin Playground
- Starting Layouts
- Layout Simple
- Layout Simple Medium Profile
- Layout Double SideNav
- Layout Hide RightNav
- Layout Medium No Header
- Layout RightNav
- Layout Menu Tab
- Layout Without Subtitle
- Layout Middle
- Layout Boxed
- Layout Full No Responsive
- Layout Middle No Responsive
- Boxed No Responsive
- Boxed Custom Width No Responsive
- Layout Fixed Nav
- No Header Fixed Nav
- Nav Variations
- Custom Functions
- Forms
- UI Elements
- List & Tables
- Charts
- Maps
- Gallery
- Extra Pages
- Front End
- Buy This Theme
- Home
- Custom Functions
Vendroid Custom Functions
Custom functions to help build the themesData-* Function
# | Data | Description | HTML Tags | Example |
---|---|---|---|---|
1 | data-rel="tags-input" | Modify input into tags | <input type="text"> | |
2 | data-rel="switch" | Modify checkbox into switch | <input type="checkbox"> | |
3 | data-toggle="tooltip" | Create a tooltip | <any> | |
4 | data-toggle="popover" | Create a popover | <any> | |
5 | data-rel="prettyPhoto" | Create a prettyphoto over on image | <a> | |
6 | data-rel="scroll" data-scrollheight="200" | Create vertical scroll content with specific height | <div> | |
7 | data-action="click-trigger" data-action="click-target" | Open on click modified dropdown list with tags next to it | <any data-action="click-trigger"> <any data-action="click-target"> | |
8 | data-action="minimize" | Minimize Closest Widget | <any> | |
9 | data-action="refresh" | Refresh Closest Widget, must edit with your own ajax code | <any> | |
10 | data-action="close" | Close Closest Widget | <any> | |
11 | data-action="expand-all" | Expand all menu in closest navbar | <any> | Click on icon on sidebar menu |
12 | data-action="nav-left-medium" | Toggle navbar left to medium size | <any> | |
13 | data-action="nav-left-small" | Toggle navbar left to small size | <any> | |
14 | data-action="nav-right-medium" | Toggle navbar right to medium size | <any> | |
15 | data-action="nav-right-small" | Toggle navbar right to small size | <any> | |
16 | data-action="remove-navbar" | Remove left and right navbar | <any> | |
17 | data-action="remove-header" | Remove Header | <any> | |
18 | data-action="fullscreen" | Remove left and right navbar and header | <any> | |
19 | data-action="boxedtofull" | Toggle Between boxed and full width | <any> | Go to layouts-boxed.htmlclick on icon |
19 | data-action="notification" data-type="success / notify / data-title="Title" data-message="Messages" data-position="topleft / topright / | Set notification in a button | <any> | |
20 | data-action="backtop" | Go to Top | <any> |