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>
|