5
(1 product reviews.)
Portfolios Grid V06//00
posted by cooldnn - 10/18/2018
cooldnn Active Since 11/25/2013
Viet Nam
 Ask a Question
1 users are watching this product.
Portfolios Grid module allow to show infomation for Pportfolio, Item details or ... You can choose show the content or link to another page for each item. It is easy to use and configure.
Module
38521
Portfolio grid is a powerful module with jQuery plugin that provides beautiful animated filtering, custom captions. It plays nice with CSS, making it a great choice for dynamic and responsive layouts.
This module is auto generated a .html file for each item Or you can link to URL link or load from .html file .It is easy for custom CSS. Allow to show or hide the filter
Features:
- Animations for first loading
- Animation for captions - the overlay shown when you put the mouse over an item.
- Display type. It bases on the following values.
- Define items shown per each row depend on screen size.
- Define the speed of displaying the items.
- Responsive design.
- Horizontal, vertical gap between items.Keyboard navigation.
- Sorting for grid.
- Many other settings...
COMPATIBLE WITH DNN VERSION 7.X, 8.X, 9.X Demo + Free Trial + Documentation
1. To Manage module settings drag mouse to pencil icon and click on the link "Module Settings". It is redirect to module settings page. There are many options list image below
Manage module settings
2. Options list
| Name |
Values |
Default |
Description |
| Animation type |
Fade Out, Quick Sand, Bounce Left, Bounce Top, Bounce Bottom, Move Left, Slide Left, Fade Out Top, Sequentially, Skew, Slide Delay, 3D, Rotate Sides, Flip Out Delay, Flip Out, Unfold, Fold Left, Scale Down, Scale Sides, Front Row, Flip Bottom, Rotate Room. |
Rotate Sides |
Defines which animation to use for items |
| Grid adjustment |
Default, AlignCenter, Responsive |
Responsive |
Adjust the layout grid. |
| Gap Horiziontal |
10,11,12,20, ... 1000 |
10 |
Horizontal gap among items |
| Gap Vertical |
10,11,12,20, ... 1000 |
10 |
Vertical gap among items |
| Caption Animation |
Push Top, Push Down, Reveal Bottom, Reveal Top, Move Right, Overlay Bottom Push, Overlay Bottom, Overlay Bottom Reveal, Overlay Bottom Along, Overlay Right Along, Minimal, Fade In, Zoom, Opacity |
Zoom |
Caption - the overlay shown when you put the mouse over an item. |
| Display type |
Default, Fade In, Lazy Loading, Fade In To Top, Sequentially, Bottom To Top |
Lazy Loading |
The plugin will display his content based on the following values. |
| Display type speed |
400,500,600,601.... 10000 |
400 |
Defines the speed of displaying the items |
| Hide category |
Cheched or Uncheck |
Uncheck |
Show or Hide category |
| Media queries |
Width[1366,800,600,300] = Items[5,4,3,1] |
Width[1116,800,500,300] = Items[5,4,2,1] |
Media queries ( set item for seperate screen) |
| Filter Align |
Left, Right, Center |
Left |
Set Align for category |
| Caption Align |
Left, Center |
Left |
Select caption align |
| Single Page Inline Position |
Top, Bottom, Above, Below |
Bottom |
The possition of page when item clicked on |
| Show category on grid |
Cheched or Uncheck |
Uncheck |
Show or hide category on grid |
| Show name on grid |
Cheched or Uncheck |
Uncheck |
Show or Hide name on grid |
| Category Order Field |
Order by Category Name, Category Position |
Category Position |
Set order for Category |
| Category Order Type |
ASC, DESC |
DESC |
Set order type for category |
| Image Order Field |
Order by Lightbox Name, Image Position |
Image Position |
Set order for Image |
| Image Order Type |
ASC, DESC |
DESC |
Set order type for Image |
| Change text All |
All, Alless,..... |
All |
Change text "All" when image popup |
| Change text Off |
Off, Offess,..... |
of |
Change text "Off" when image popup |
| Image thumb width |
400,450,... |
400 |
Image thumbnail width to resize when uploaded |
| Image thumb height |
300,350,... |
400 |
Image thumbnail height to resize when uploaded |
| Load original size |
Checked and uncheck |
Uncheck |
Load originail image size |
| Link target |
Blank, Self |
Blank |
Using when iten has external link |
To Manage category drag mouse to pencil icon and click on the link "Manage Category". Then it goes to manage category page as the image below
In the form, you can add new, edit, update, move up, move down category
Manage category
To Manage Portfolios drag mouse to pencil icon and click on the link "Manage Portfolios".
You can manage image on this form. In this form, you can upload, update, deleted selected items. You can manage item properties on each row.
Manage Portfolios
Some of screen shoot
Portfolios Grid Module
Portfolios Grid Module
Portfolios Grid Module
Portfolios Grid Module
| Standard license |
The standard license allows the activation and use on 1 DNN portal. Not permitted Redistribution. Free update within 90 days |
| Enterprise license |
Unlimited DotNetNuke® Installation. Not permitted Redistribution. Free update |
If you have any questions that are beyond the scope of this documentation file, please feel free to email via my email
[email protected].
Created by CoolDNN
|
|
Good module. Easy to set up. good support Posted 3/27/2015
|