Blog Posts
Provide contextual feedback messages for typical user actions with the handful
of available and flexible alert messages.
Blog Post
Use @Html.Vertex().BlogPosts(BlogPostViewName viewName)
method to list blog posts.
There are 6 different views BlogPostViewName.Grid
, BlogPostViewName.Card2D
... and as you see at below.
Tab title equal to view name.
Mobile Friendly Design
Whats new in Life?
Audio post example with default view
Popular
this
month
Join our news
// For the 'Grid' view
@Html.Vertex().BlogPosts(BlogPostViewName.Grid)
// For the 'Card2D' view
@Html.Vertex().BlogPosts(BlogPostViewName.Card2D)
// For the 'Card' view
@Html.Vertex().BlogPosts(BlogPostViewName.Card)
// For the 'ListBottomText' view
@Html.Vertex().BlogPosts(BlogPostViewName.ListBottomText)
// For the 'ListRightText' view
@Html.Vertex().BlogPosts(BlogPostViewName.ListRightText)
Pageable
Use .Pageable(string pageQueryName, int pageSize)
method to make pageable.
10 Best Games For Console 2019
Mobile Friendly Design
// For the 'Grid' view
@Html.Vertex().BlogPosts(BlogPostViewName.Grid).Pageable("grid-page", 2)
// For the 'Card' view
@Html.Vertex().BlogPosts(BlogPostViewName.Card).Pageable("card-page", 2)
// For the 'ListBottomText' view
@Html.Vertex().BlogPosts(BlogPostViewName.ListBottomText).Pageable("list-bottom-text-page", 2)
// For the 'ListRightText' view
@Html.Vertex().BlogPosts(BlogPostViewName.ListRightText).Pageable("list-right-text-page", 2)
To Slider
Use .ToSlider(Action[SliderBuilder] action)
method to make slider.
Grid View
10 Best Games For Console 2019
Mobile Friendly Design
Whats new in Life?
Audio post example with default view
Choose a job you love, and you will never have to work a day in your life.
This is quote post with center view
This is vide post example with default view
The Great Divide
New ES2019 Features Every JavaScript Developer Should Know
Internet advertising what went wrong.
Top 5 Benefits of Live Chat for Your Site
@Html.Vertex().BlogPosts(BlogPostViewName.Grid)
.ToSlider(slider => {
slider.SlidesToShow(2);
slider.Dots();
})
Card View
@Html.Vertex().BlogPosts(BlogPostViewName.Card)
.ToSlider(slider => {
slider.SlidesToShow(2);
slider.Dots();
})
ListBottomText View
Choose a job you love, and you will never have to work a day in your life.
@Html.Vertex().BlogPosts(BlogPostViewName.ListBottomText)
.ToSlider(slider => {
slider.SlidesToShow(2);
slider.Dots();
})
ListRightText View
@Html.Vertex().BlogPosts(BlogPostViewName.ListRightText)
.ToSlider(slider => {
slider.SlidesToShow(2);
slider.Dots();
})
PostOnImage View
10 Best Games For Console 2019
Web DesignMobile Friendly Design
GraphicWhats new in Life?
GraphicThis is quote post with center view
Web DesignThis is vide post example with default view
Web DesignThe Great Divide
GraphicNew ES2019 Features Every JavaScript Developer Should Know
GraphicInternet advertising what went wrong.
Web DesignTop 5 Benefits of Live Chat for Your Site
Marketing@Html.Vertex().BlogPosts(BlogPostViewName.PostOnImage)
.ToSlider(slider => {
slider.SlidesToShow(2);
slider.Dots();
})
PostOnImage2 View
10 Best Games For Console 2019
Mobile Friendly Design
Whats new in Life?
This is quote post with center view
This is vide post example with default view
The Great Divide
New ES2019 Features Every JavaScript Developer Should Know
Internet advertising what went wrong.
Top 5 Benefits of Live Chat for Your Site
@Html.Vertex().BlogPosts(BlogPostViewName.PostOnImage2)
.ToSlider(slider => {
slider.SlidesToShow(2);
slider.Dots();
})